微信小程序处理图片加载失败显示默认图片

时间:2022-07-24
本文章向大家介绍微信小程序处理图片加载失败显示默认图片，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

微信小程序image组件有个binderror事件专门用来处理图片加载失败的问题，我们只需要传个下标去获取相应的图片位置

   <image src="{{item.img}}" binderror="geterr" data-index="{{index}}"></image>
 data: {
	recom_list:[]
}
 geterr(e) {
    var index = e.currentTarget.dataset.index
    var imglist = this.data.recom_list
    //默认图片
    imglist[index].img = 'https://sucai.suoluomei.cn/sucai_zs/images/20200106095250-2.png'
    this.setData({
      recom_list: imglist
    })
  },

随机文章
本站知识点必读
最近更新