Vue2 watch监听props的值

最新推荐文章于 2024-05-24 09:29:15 发布

iiiilooaixuud

最新推荐文章于 2024-05-24 09:29:15 发布

阅读量8.3k

点赞数 4

文章标签：前端 javascript 服务器

本文链接：https://blog.csdn.net/qq_46617584/article/details/129725226

版权

再次遇到监听子组件收到父组件传过来的值，如果这个值变化，页面中的值发现是不会跟着同步变化的。所以监听props中的值，一直监听。

代码：

 props: {
    start:{
       type: String,
    },
    end:{
       type: String,
    }
  },

    computed:{
     myStart:function(){
      return this.start
     },
          myEnd:function(){
      return this.end
     }
    },
      watch: {
    myStart:function(newVal){
      if(newVal){
        this.startTime=newVal
      }
      },
    myEnd:function(newVal){
      if(newVal){
        this.endTime=newVal
      }
      },
  },