这篇博客讨论了如何在JavaScript中处理图片加载错误的情况，特别是在一个图片数组中。作者提供了一个更新的示例，展示了如何监听图片加载错误事件，并通过设置数据属性实现图片的隐藏，从而解决显示问题。此外，还引入了数据绑定来确定具体哪张图片发生了错误并将其隐藏。
UPDATE:
abcd
abc
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
img: 'http://xiaozhangzaici.com/a.jpg',
hidden: false
},
binderrorimg: function (e) {
this.setData({
hidden: true
})
}
})
UPDATE2:解决一隐藏全部隐藏的问题
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
array: [
{ src: 'http://xiaozhangzaici.com/a.jpg'},
{ src: 'https://www.baidu.com/img/bd_logo1.png'}
]
},
binderrorimg: function (e) {
console.log(e.currentTarget.dataset.abc);
var brokenImgIndex = e.currentTarget.dataset.abc;
for (var i = 0; i < this.data.array.length; i++) {
if (i == brokenImgIndex) {
console.log(i);
this.setData({
['array[' + i + '].is_not_show']: true,
})
}
}
}
})
abc
.notshow {
display: none;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
