小程序 获取数据下标和两层wx:for的下标方法 用于点击各个图集看图

js看图代码

  //点击查看图片
  previewImg: function (e) {
    console.log(e.currentTarget.dataset.index);
    var imgArr = [];
	    //e.currentTarget.dataset.ddid图集的下标id。外层的
	    //e.currentTarget.dataset.id图集的某个图片下标id 里层的
    var imgArrs = this.data.list[e.currentTarget.dataset.ddid].pic[e.currentTarget.dataset.id];
    	//他必须是数组的，我把他对象转成数组了
    var imgArr = [imgArrs];
    console.log(imgArrs)
    wx.previewImage({
      current: e.currentTarget.dataset.index, //当前图片地址 必须是线上的图片
      urls: imgArr, //所有要预览的图片的地址集合 数组形式 
      success: function (res) {
        console.log(res)
      },
    })
  },

图片单图查看

图片多图查看 把对象转成数组

  //当图集点击查看
  previewImg_a: function (e) {
    console.log(e.currentTarget.dataset.index);
    var imgArr = [];
    var imgArrs = this.data.list[e.currentTarget.dataset.ddid].pic;
    //把对象转成数组
    for (var i in imgArrs) {
      imgArr.push(imgArrs[i]);
    }
    // var imgArr = [imgArrs];
    // console.log(imgArrs)
    // console.log(imgArr)
    wx.previewImage({
      current: e.currentTarget.dataset.index, //当前图片地址 必须是线上的图片
      urls: imgArr, //所有要预览的图片的地址集合 数组形式 
      success: function (res) {
        console.log(res)
      },
    })
  },

图片

wxml页面的代码

										这里外层的要把下标申明取名字

获取到的数据图