小程序懒加载图片在image标签中添加 lazy-load="true"
图片加载失败时候,添加默认背景图:
在image标签中添加
binderror='bindImgError'
然后在js中写一个方法
bindImgError(e) {
var index = parseInt(e.currentTarget.id);//在image标签中定义一个id 用于获取当前下标
this.setData({
[`goodLists[${index}].newCommImgUrl`]: "urlxxxxx",//goodLists 是你接口拿到的当前商品数据
})
},
本文介绍小程序中实现图片懒加载的方法,在image标签中使用lazy-load属性,并讲解如何设置默认背景图及处理图片加载失败的情况,通过binderror事件和自定义方法实现错误图片的替换。
1497

被折叠的 条评论
为什么被折叠?



