在HarmonyOS NEXT 中装饰器不刷新问题的解决方法？

Question

在HarmonyOS NEXT 中装饰器不刷新问题的解决方法？

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

Answer 1

可以参考demo，使用@Local装饰，点击图片切换图片：

@Entry 
@ComponentV2 
struct Index { 
  @Local imgCodeUrl: ResourceStr = "" 
  aboutToAppear(): void { 
    this.refreshImgCode() 
  } 
 
  async refreshImgCode() { 
    if (this.imgCodeUrl==='https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/homeNew/51440.png') { 
      this.imgCodeUrl='https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/AppGalleryConnect.svg' 
    } else { 
      this.imgCodeUrl='https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/homeNew/51440.png' 
    } 
  } 
 
  build() { 
    Column(){ 
      Image(this.imgCodeUrl) 
        .alt($r('app.media.startIcon')) 
        .height(36) 
        .margin({ left: 10 }) 
        .onClick(() => { 
          this.refreshImgCode() 
        }) 
    } 
  } 
}

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