【Vue3】setup通过defineProps获取props为null

本文主要是介绍【Vue3】setup通过defineProps获取props为null，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

我做的功能是父组件往子组件传值

父组件：

<MapComponent :zbx="zbx" :zby="zby" />

子组件：

setup(props) {// 定义接收到的 propsconst propsObj = defineProps({zbx: Number,zby: Number});console.log(propsObj) // null

按理来说，这么接收没问题啊，怎么打印结果是null呢？

其实原因很简单，defineProps只在setup语法糖中好使，也就是<script setup>的方式。

那么如果我就不想用语法糖形式来写怎么办呢？

写成如下代码就可以取到值了：

export default {name: 'MapComponent',props: {zbx: {type: Number,default: null},zby: {type: Number,default: null}},setup(props) {console.log(props.zbx)

这篇关于【Vue3】setup通过defineProps获取props为null的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---