如何结合 PickerView 和 Piece 组件来实现一个简易的表单？

Question

我想用 PickerView 和 Piece 组件做一个简单的表单，比如让用户选择性别，然后展示一个头像，还需要一个确认按钮。现在我在性别选择和表单提交上有点不太确定应该怎么处理，大家有没有可以分享的例子？最好是完整的代码，感谢！

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

Answer 1

可以通过 PickerView 和 Piece 组合来实现表单，并使用 onClick 事件进行提交。

代码示例：

export default {
  data: {
    genders: ['男', '女'],
    selectedGender: '男'
  },
  submitForm() {
    prompt.showToast({
      message: `性别：${this.selectedGender}`
    });
  },
  onGenderChange(index) {
    this.selectedGender = this.genders[index];
  }
}

<PickerView range="{{genders}}" selected="{{0}}" onChange="onGenderChange"></PickerView>
<Piece onClick="submitForm">
  <Text>确认</Text>
</Piece>

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