#鸿蒙通关秘籍#如何在HarmonyOS Next中构建省市区弹窗选择器？

import { useCascaderAreaData } from './data'

@Component
export default struct AreaPicker {
  @State cascade: TextCascadePickerRangeContent[] = useCascaderAreaData()
  @Link value: string[] 
  private onChange: (value: string[], index: number[]) => void = () => {}

  build() {
    TextPicker({ range: this.cascade, value: this.value })
      .canLoop(false)
      .textStyle({
        font: {
          size: '14fp'
        }
      })
      .selectedTextStyle({
        font: {
          size: '16fp'
        }
      })
      .onChange((value: string | string[], index: number | number[]) => {
        this.onChange(value as string[], index as number[])
        this.value = value as string[]
      })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.