Select 组件如何禁用某些选项？

Question

我在做表单的时候，想用 Select 组件来选择某些类别，但其中的一些选项在某些情况下需要禁用，我不知道怎么实现。有朋友知道如何在 Select 组件中禁用某些选项吗？希望能给我一个代码示例。

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

Answer 1

可以通过设置 disabled 属性来禁用某些特定的选项。

export default {
  data: {
    options: [
      { text: '选项1', disabled: false },
      { text: '选项2', disabled: true },
      { text: '选项3', disabled: false }
    ]
  }
}

<Select range="{{options}}" optionDisabled="{{option.disabled}}"></Select>

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