HarmonyOS开发，父组件如何监听子组件@Prop的变化？

Question

HarmonyOS开发，父组件如何监听子组件@Prop的变化？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

使用事件回调

最常见的方式是通过事件绑定机制。父组件可以定义一个方法，并将其作为属性传递给子组件。当子组件内的状态改变时，它可以通过调用这个方法来通知父组件。具体来说，就是父组件向子组件传递一个函数作为 prop，而子组件可以在适当的时候调用这个函数并传入新的值。

父组件代码示例：

export default {
  // 父组件逻辑...
  methods: {
    handleChildChange(newValue) {
      console.log('子组件 Prop 变更:', newValue);
      // 在这里处理子组件 Prop 的变化
    }
  }
}

子组件代码示例：

export default {
  props: ['someProp'], // 接收来自父组件的 Prop
  methods: {
    updateValue() {
      let newValue = /* 新的值 */;
      this.$emit('on-change', newValue); // 触发自定义事件 'on-change'
    }
  }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。