vue组件传值监听变化值不响应,怎么处理?

作者站长头像
站长
· 阅读数 5

vue中有父组件P,P中有弹框子组件A,A组件中又有一个子组件B,目前B组件的数据是自己调用接口获取,请求参数 可通过 P或者A组件的某个id改变实时刷新,使用watch监听根本就不触发,该如何处理?

回复
1个回答
avatar
test
2024-07-06

P组件组件A组件A组件B

如果是Vue2版本,得看你的props数据深度,是一层一层给下去的还是怎么样的?一般来说如果说你的子组件B中props接收的是一个对象并且层级只有一层,那么可以通过 watch 来监听的。如果说监听的 iddata.attr.id 这样的形式,或者 data.list[0].id 的形式的话,需要是用 deep 属性来开启对对象内部值的变化的监听。这里是文档链接 👉 vm.$watch |API — Vue.js


本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容