微信小程序image组件binderror使用例子(对应html、js中的onerror)
官方文档
在微信小程序开发中,我们使用列表包含图片,如果这个图片链接404错误,那么我们应该给它提供一个默认的友好URL地址。html和js中使用onerror事件就可以了
rush:js;">
微信小程序image组件没提供onerror事件,提供了一个binderror事件来代替。
如果图片链接404,就会触发这个binderror事件,我们在绑定的事件里修改对应的数据源就好了,如下
.wxml文件
rush:js;">
.js文件
rush:js;">
binderrorimg:function(e){
var errorImgIndex= e.target.dataset.errorimg //获取循环的下标
var imgObject="carlistData["+errorImgIndex+"].img" //carlistData为数据源,对象数组
var errorImg={}
errorImg[imgObject]="https://w.chesudi.com/Public/web/img/onerrorcar.png" //我们构建一个对象
this.setData(errorImg) //修改数据源对应的数据
}
易错点:
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! 版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。