Vue子组件监听props值的变化

子组件设置如下 props的值是currentPage

<black-list @invalid="invalidBlackList" @dataLoading='loadData' :pageNo='currentPage' ></black-list>

当currentPage发生变化的时候 监听子组件中的数据却没有触发 这是什么原因呢?

wacth:{
    pageNo:{
      immediate:true,
      handler:function(){
        console.log('hello world')
     }
    }
  }

回答:

wacth ——> watch

回答:

你的pageNo是一个对象的话,需要监听这个对象属性的值变化才可以。

比如pageNo下面有一个属性叫flag,则可以这样监听:

 watch: {
    'pageNo.flag'(){
      console.log(new Date());
    }
  }

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注