美文网首页vue学习
vue父组件数据变化,子组件不变的情况解决

vue父组件数据变化,子组件不变的情况解决

作者: 刘laoliu | 来源:发表于2020-02-28 11:53 被阅读0次

    在父组件中的数据发生变化时,传给子组件,子组件未发生变化。
    解决方法:看子组件是否能监听到子组件的变化,然后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是否变化
    

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

    相关文章

      网友评论

        本文标题:vue父组件数据变化,子组件不变的情况解决

        本文链接:https://www.haomeiwen.com/subject/ajlmchtx.html