vue父组件数据变化,子组件不变的情况解决
2020-02-28 本文已影响0人
刘laoliu
在父组件中的数据发生变化时,传给子组件,子组件未发生变化。
解决方法:看子组件是否能监听到子组件的变化,然后mounted赋值给子组件的绑定的变量中。
// 子组件
props:{
once:{
type:Array,
default: []
},
},
data:{
return(){
oneDataList:[]
}
}
mounted() {
this.oneDataList=this.once
},
watch: {
'once':function(v){
// console.log(v)
this.oneDataList=v
},
}
// 父组件
<child :once="dataList"></child>
// 自己根据接口获取数据,动态变化,然后监听数据变化,看dataList是否变化
如果有什么问题希望大家多交流。