vue学习

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是否变化

如果有什么问题希望大家多交流。

上一篇下一篇

猜你喜欢

热点阅读