vue组件传值监听变化值不响应,怎么处理?
vue中有父组件P,P中有弹框子组件A,A组件中又有一个子组件B,目前B组件的数据是自己调用接口获取,请求参数 可通过 P或者A组件的某个id改变实时刷新,使用watch监听根本就不触发,该如何处理?
回复
1个回答
test
2024-07-06
P组件 套 组件A,组件A 套 组件B
如果是Vue2版本,得看你的props数据深度,是一层一层给下去的还是怎么样的?一般来说如果说你的子组件B中props接收的是一个对象并且层级只有一层,那么可以通过 watch
来监听的。如果说监听的 id
是 data.attr.id
这样的形式,或者 data.list[0].id
的形式的话,需要是用 deep
属性来开启对对象内部值的变化的监听。这里是文档链接 👉 vm.$watch |API — Vue.js
本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容