关于Grid数据刷新问题 -华为开发者问答

楼主您好！按您的描述，我写了段demo，未出现您说的index更新问题，您参考看看这个demo跟您的场景是否符合，如果符合的话可以排查下代码

收起
自动换行
深色代码主题
复制
import { promptAction } from '@kit.ArkUI'
@Entry
@Component
struct GridExample {
  @State numbers: string[] = []
  scroller: Scroller = new Scroller()
  aboutToAppear() {
    this.getData(0, 10);
  }
  getData(start: number, end: number) {
    for (let i = start;i <= end; i++) {
      this.numbers.push(i + '')
    }
  }
  build() {
    Column({ space: 5 }) {
      Grid(this.scroller) {
        ForEach(this.numbers, (day: string,index:number) => {
          GridItem() {
            Text(day)
              .fontSize(16)
              .backgroundColor(0xF9CF93)
              .width(80)
              .height(80)
              .textAlign(TextAlign.Center)
          }.onClick(() => {
            promptAction.showToast({message: '这是第' + index + '个'});
            this.numbers.splice(0, this.numbers.length);
            this.getData(10, 20);
          })
        })
      }
      .columnsTemplate('1fr')
      .columnsGap(10)
      .rowsGap(10)
      .width('90%')
      .height('80%')
      .backgroundColor(0xFAEEE0)
    }.width('100%').margin({ top: 5 })
  }
}

展开全部

HarmonyOS 5

关于Grid数据刷新问题