这个是父组件
props:['sku'],
watch: {
//正确给 cData 赋值的 方法
sku: function(newVal,oldVal){
this.sku_list = newVal.sku; //newVal即是得到的数据
console.log(this.sku_list);
newVal&& this.list(); //newVal存在的话执行list函数
}
},
props:写你传的名字 我这里是sku
watch:监听你的数据是否有变化
我们子组件生命周期里面访问不到,是因为渲染页面时候子组件比父组件快,使用监听就好了
这是打印的数据
有帮助的话点点赞,有问题欢迎交流
补充:
如果遇到watch:失效的问题以下操作可以解决
watch:{
data:{ //监听的数据
handler(val, oldName){
console.log(val)
},
immediate:true,
},
},
设置一个immediate为true就可以了