请教各位一个问题,求解答:为什么我父传子,打印undefined谢谢哈~

为什么我传值接不到,是哪里错了吗
父组件
exportdefault{
data(){
return{
chartsData:[]
}
},
mounted(){
this.getFault('DAY');
},
methods:{
getFault(dateType='DAY'){
getFaultList({type:dateType}).then(res=>{
this.chartsData=res.data.data;//打印成功是个数组对象[{},{}]
})
}
},
watch:{},
};
子组件
exportdefault{
props:{
chartsData:{
type:Array
}
},
created(){
console.log(this.chartsData);//undefined
},
隔江千里
浏览 376回答 2
2回答

宝慕林4294392

因为你拉取数据是异步的,数据还没有拉取到的时候子组件已经加载了其他什么都不改变的情况下可以在组件上加个v-if,当异步拉取到值的时候再加载组件

缥缈止盈

如果要在子组件打印父组件传来的数据必须是在beforeUpdate和updated生命周期才能监听的到。这种情况可以使用watch去监听值发生改变之后再去处理,或者在定义props的对象里面设置default属性的默认值
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript