小程序父组件和子组件同时设置observers,父组件的不生效
时间: 2023-09-25 21:11:43 浏览: 77
react 中父组件与子组件双向绑定问题
小程序的 `observers` 属性是用于监听数据变化的,当数据发生变化时,就会触发相应的回调函数。在一个父组件和子组件中同时设置 `observers`,如果出现了冲突,那么子组件的 `observers` 会覆盖父组件的 `observers`,从而导致父组件的 `observers` 不生效。
解决这个问题的方法有两种:
1. 在子组件中使用 `this.triggerEvent()` 方法触发自定义事件,然后在父组件中监听这个自定义事件。这样可以避免子组件的 `observers` 覆盖父组件的 `observers`。
2. 将父组件中的 `observers` 改为 `watch`,这样就不会和子组件的 `observers` 冲突了。`watch` 是一个第三方库,需要进行引入和使用。在 `watch` 中,可以使用 `deep` 参数来监听对象或数组的变化。
阅读全文