vue 父组件修改值以后,子组件不能修改

如图父组件中,修改了hightQuery的值
image.png
然后调用子组件函数(传参是hightQuery),发现立面的值没有修改为空

image.png

子组件中

image.png

打印:
image.png

测试以后发现只有子组件重加载以后才会获得最新的父组件传来的值,想知道有没有办法能随时监听到并渲染的办法吗?

阅读 2.6k
2 个回答

这个有点麻烦,直接使用形参解决就行了

在子组件里面,看看这样是否可以

watch: {
  highQuery: {
    handler (val) {
      this.apiFunUrl(
         this.pageParams, 
         { highQuery: val }
      )
      .then(res => {
         do something...
      })
    },
    deep: true
  }
}
推荐问题