更新时间: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代码请看以上截图。
相关资讯