微信小程序:设置背景图片
作者:
司徒新新 | 来源:发表于
2020-05-09 16:11 被阅读0次wxml内定义图片
<image class="table-image" src='{{(item.cover=="" || item.cover==null)? defaultImg : item.cover}}'
binderror="errorFunction" data-index="{{index}}" />
JS
data: {
defaultImg: "../image/logo.png", //定义一个默认图片地址
}
/**
* 图片加载错误触发的事件
*/
errorFunction(e) {
if(e.type=="error"){
var index = e.target.dataset.index; //获取错误图片循环的下标
console.log("index ====" + index);
var list= this.data.videoList //将图片列表数据绑定到变量
list[index].cover = this.data.defaultImg //错误图片替换为默认图片
this.setData({
imgArr: list
})
}
},
本文标题:微信小程序:设置背景图片
本文链接:https://www.haomeiwen.com/subject/lgiknhtx.html
网友评论