我做的功能是父组件往子组件传值
父组件:
<MapComponent :zbx="zbx" :zby="zby" />
子组件:
setup(props) {
// 定义接收到的 props
const 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)