如何在 PickerView 中监听用户选择？

Question

我想在用户使用 PickerView 选择了某个选项后，实时显示他们选择的内容，比如用文本展示在页面上，但是在监听 PickerView 的用户选择这块有点迷糊。大家能给我一个例子吗？谢谢啦！

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

Answer 1

使用 PickerView 的 onChange 事件来监听用户的选择，并将选中的值显示在页面上。

export default {
  data: {
    options: ['苹果', '香蕉', '橙子'],
    selectedValue: '苹果'
  },
  onSelectChange(index) {
    this.selectedValue = this.options[index];
  }
}

<PickerView range="{{options}}" selected="{{0}}" onChange="onSelectChange"></PickerView>
<Text>{{selectedValue}}</Text>
4. 如何将多个 PickerView 组件进行联动？

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