更新升级 专属应用 系统故障 硬件故障 电脑汽车 鸿蒙刷机 鸿蒙开发Linux教程 鸿蒙开发Linux命令
当前位置:HMXT之家 > 应用开发 > 鸿蒙开发当网络异常时,图片加载失败,点击图片怎么重新加载

鸿蒙开发当网络异常时,图片加载失败,点击图片怎么重新加载

更新时间:2022-06-26 15:07:31浏览次数:695+次

在鸿蒙UI开发设计中,当网络异常之时,其图片加载失败,然后点击图片怎么重新加载?

解答

可以通过以下方式实现:

1、将图片url地址放在data里面,data里面的数据是双向绑定的,当url地址发生改变的时候,image会重新渲染。

2、加载失败的时候(onerror)使用一个默认本地图片地址,点击图片的时候赋值为网络图片地址。

附:相关的代码:

\

// js代码

export default {

  data: {

    picUrl: '',

  },

  refreshImg() {

    this.picUrl = 'url'

  },

  imgLoadError() {

    this.picUrl = "errorUrl"

  }

}

// hml代码请看以上截图。

相关参考:鸿蒙HarmonyOS可以加载.9.png类型的图片吗