Vue实现子组件监听父组件传递的数据变化

参考:https://www.jianshu.com/p/ed88beeafbe8   

   https://blog.csdn.net/weixin_44116302/article/details/109171210

应用场景是父组件有一个抽屉子组件,接受父组件传递的一个参数,然后当这个参数发生变化的时候需要子组件捕获到父组件传递的参数,然后调用子组件内部的一个方法,

因此参考了上述两篇文章,使用子组件中的watch监听props参数中需要监听的参数的那个字段,然后调用方法,为子组件填充参数。

具体代码(子组件):

watch:{
      //监听参数中的drawerInfo.selectDate变化
      'drawerInfo.selectDate':{
        handler(newValue){
          //console.log(newValue);
          this.GenerateTimeSpan();
        },
        immediate:true,//初次监听即执行
      }

 

posted @ 2021-09-15 16:21  ZedFFF  阅读(2364)  评论(0编辑  收藏  举报