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

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

image.png

子组件中

image.png

打印:
image.png

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

阅读 2.5k
2 个回答

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

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

watch: {
  highQuery: {
    handler (val) {
      this.apiFunUrl(
         this.pageParams, 
         { highQuery: val }
      )
      .then(res => {
         do something...
      })
    },
    deep: true
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题