关于组件TextPicker UI界面数据层叠的问题

谢道韫666

于 2024-09-27 09:58:51 发布

阅读量69

点赞数 1

分类专栏： BUG专栏文章标签：前端 javascript 数据库

本文链接：https://blog.csdn.net/hqy1989/article/details/142584591

版权

BUG专栏专栏收录该内容

60 篇文章 1 订阅

订阅专栏

DevEco Studio NEXT Beta1 版本 5.0.3.800

原代码

@Entry
@Component
struct TextPickerExample {
  select: number = 1
  // 省列表
  pList: string[] = ['apple1', 'apple2', 'apple3', 'apple4']
  // 市列表
  cList: string[] = ['orange1', 'orange2', 'orange3', 'orange4']
  // 区列表
  aList: string[] = ['peach1', 'peach2', 'peach3', 'peach4']
  @State
  multi: string[][] = [this.pList, this.cList, this.aList]
  @State value: string[] = ['apple1', 'orange2', 'peach1']

  build() {
    Column() {

      TextPicker({ range: this.multi, value: this.value })
        .canLoop(false)

    }
  }
}

上图得知 apple会渲染到第二列表，orange会渲染到第三列表由此类推，前面那个列表会污染后面那个列表（我又加了一列）