美文网首页
微信小程序:设置背景图片

微信小程序:设置背景图片

作者: 司徒新新 | 来源:发表于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