微信小程序> 微信小程序——图片加载失败方案

微信小程序——图片加载失败方案

浏览量:1222 时间: 来源:创造之

微信小程序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里的符号嵌套。

就这样吧,以后陆续刷。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎