×

vue父组件数据更新,子组件没有变化的解决方法

2021-02-02 00:21:45 Falcon

vue 父组件数据更新,子组件没有变化,需要添加 prop 的侦听器

props:{
     media_id:{
        type:Number,
        default:0
      },
}
data(){
      return {

           collection : {
           media_id:this.media_id,
           //....
        }
    }
},

watch:{
     media_id(newVal,oldVal){ 
        //newVal为新值,oldVal为旧值;
       // 如父组件上传封面后修改绑定数据的media_id,但子组件不会自动更新,需要监听prop才会重新修改组件的collection的media_id值
        this.collection.media_id = newVal;
      }
  }
//...

 

参考:https://blog.csdn.net/qq_38880700/article/details/101195673

本文收录于