vue中子组件的created、mounted钩子中获取不到props中的值问题
export default {
props: ['chartData'],
data(){
return {
cData: []
}
},
watch: {
//正确给 cData 赋值的 方法
chartData: function(newVal,oldVal){
this.cData = newVal; //newVal即是chartData
newVa l&& this.drawChart(); //newVal存在的话执行drawChar函数
}
},
methods: {
drawChart(){
//执行其他逻辑
}
},
mounted() {
//在created、mounted这样的生命周期, 给 this.cData赋值会失败,错误赋值方法
// this.cData = this.chartData;
}
}