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,//初次监听即执行
      }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM