image组件的binderror事件处理,图片加载不出处理,图片路径错误处理

<view>多个image</view>
<view class="bd-left-item" wx:for="{
   
   {classicArr}}">
  <image src="{
   
   {item.img}}" class="item-img" binderror="errImg" data-err-img="classicArr[{
   
   {index}}].img" />
  <view class="bd-left-item-bottom">
    <view class="title">{
   
   {item.title}}</view>
  </view>
</view>
<view wx:for="{
   
   {testArry}}">
 <image src="{
   
   {item.img}}" class="item-img" binderror="errImg" data-err-img="testArry[{
   
   {index}}].img" />
</view>
<view>一个img</view>
<image src="{
   
   {oneimg}}" class="item-img" binderror="errImg" data-err-img="oneimg"></image>
image {
  width: 100rpx;
  height: 100rpx;
}
const app = getApp()

Page({
  data: {
    classicArr: [{
        img: "../../img/01.png",
        title: "现实世界的桃花源",
        addr: "福建省南安市东田镇香草世界",
        tags: ["摄影", "PS"]
      },
      {
        img: "../../img/default.png",
        title: "南普陀",
        addr: "福建省厦门市南普陀",
        tags: ["摄影1", "PS"]
      },
      {
        img: "../../img/default.png",
        title: "武夷山",
        addr: "福建省....",
        tags: ["摄影", "PS2"]
      }
    ],
    testArry: [{
      img: "../../img/01.png",
      title: "现实世界的桃花源",
      addr: "福建省南安市东田镇香草世界",
      tags: ["摄影", "PS"]
    }],
    oneimg:'../../img/01.png'


  },
  errImg: function(e) {
    var _errImg = e.target.dataset.errImg;
    var _objImg = "'" + _errImg + "'";
    var _errObj = {};
    _errObj[_errImg] = "http://mzsale.com/seller_imgs/err_img/nopic.gif";
    console.log(e.detail.errMsg + "----" + _errObj[_errImg] + "----" + _objImg);
    this.setData(_errObj); //注意这里的赋值方式...
  },

  onLoad: function() {

  },

})

猜你喜欢

转载自blog.csdn.net/qq_38932474/article/details/104370288