微信小程序——图片加载失败方案
微信小程序image图片加载失败方案 很久没写博客了,这几天刚入职,入手项目还有些时间,所以一直在自己自我学习,毕竟学无止境。
微信小程序的image标签有一个binderror
属性,用于专门绑定图片加载失败事件
bindImgError(e) {
var index = parseInt(e.currentTarget.id);
this.setData({
[`goodList[${index}].IconImageUrl`]: "备用图片路径",
})
},
上面的方法绑定在
binderror
属性上,在event对象中可以获取列表项中image的id属性,我们把index设置在id上,就能拿到失败图片的位置,通过[
${}]
在setData方法中拿到data中的图片路径属性,进行赋值就行,主要点有两个,一个是怎么拿到image的index,二个是javascript里的符号嵌套。【微信小程序——图片加载失败方案】就这样吧,以后陆续刷。
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()