遇到的问题:
父组件传值,在子组件中不能用mounted处理
export default{
props:['floor1'],
data(){
return {
floor1_0:'',
floor1_1:'',
floor1_2:'',
}
},
mounted(){
console.log(this.floor1) //打印出的不是所传的值
this.floor1_0 = this.floor1[0];
}
}
因为props为异步传值(就是在父组件没有加载完数据时,floor1就传递到了子组件,此时floor1还没被附上值,先执行了子组件的mounted),而mounted执行一次后无法改变floor1的值。
解决:
使用侦听器watch,当floor1改变时,重新计算
watch:{
floor1:function(val){
this.floor1_0 = val[0];
this.floor1_1 = val[1];
}
}