如何让Select下拉组件动态显示选中的值

如何让Select下拉组件动态显示选中的值

HarmonyOS
2024-08-06 17:46:10
876浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
单花红丝线
@Entry
@Component
struct Index {
  @State currentIndex: number = 1
  @State text: string = '请选择'

  build() {
    Column() {
      Select([{ value: "aaaa", icon: $r("app.media.app_icon") },
        { value: "bbbb", icon: $r("app.media.app_icon") }
        , { value: "cccc", icon: $r("app.media.app_icon") }])
        .selected(this.currentIndex)//选中的选项的坐标
        .value(this.text)
        .onSelect((index: number, text?: string | undefined) => {
          text && (this.text = text)
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
分享
微博
QQ
微信
回复
2024-08-06 19:26:13
相关问题
怎么获取select选中
8479浏览 • 1回复 待解决
HarmonyOS ArkTS select组件如何设置默认
1051浏览 • 1回复 待解决
如何动态设置组件属性
1429浏览 • 1回复 待解决
HarmonyOS Select组件背景色如何设置
595浏览 • 1回复 待解决
js api 中select组件如何使用
7689浏览 • 2回复 已解决
HarmonyOS Checkbox如何动态
651浏览 • 1回复 待解决
如何日历显示是农历日期?
1995浏览 • 1回复 待解决