【已解决】小程序当多图片加载时命名冲突的时候如何获取外层的数据

最新推荐文章于 2024-07-16 18:39:14 发布

Effortzjw

最新推荐文章于 2024-07-16 18:39:14 发布

阅读量249

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_33966519/article/details/103764009

版权

微信小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

使用wx:for-item 进行自定义命名

.wxml

<view class='buss-img'>
   <image src='{{itemy.bizOppPicKey}}' wx:for="{{item.bizOppPics}}" wx:for-item="itemy" wx:key="{{key}}" data-bizoppId="{{item.bizOppId}}" data-img="{{itemy}}" data-index='{{index}}' catchtap='imgYu'></image>
</view>

.js

//图片预览
  imgYu: function (e) {
    var that = this;
    // console.log(e);
    var index = e.currentTarget.dataset.index;
    var bigindex = e.currentTarget.dataset.bigindex;
    var img = e.currentTarget.dataset.img;
    var bigid = e.currentTarget.dataset.bizoppid;
    var bussMes = this.data.bussMes;
    var pic = [];
    for (var i = 0; i < bussMes.length; i++) {
      // console.log(bigid + '****' + bussMes[i].bizOppId);
      if (bigid == bussMes[i].bizOppId) {
        for (var j = 0; j < bussMes[i].bizOppPics.length; j++) {
          pic.push(bussMes[i].bizOppPics[j].bizOppPicKey);
        }
      }
    }
    // console.log(pic);

    //图片处理

    wx.previewImage({
      current: pic[index],     //当前图片地址
      urls: pic,               //所有要预览的图片的地址集合 数组形式
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
    })
  }