微信小程序图片列表点击预览

① index.wxml

给图片标签添加bindtap事件

<block wx:for="{{imgList}}" wx:key="index">
    <image src="{{item.image}}" bindtap="preView" data-src="{{item.image}}"></image>
</block>

② index.js

拿到当前点击图片的src地址 赋值给wx.previewImage 的current属性 urls属性的值为预览图片的地址数组

preView(e) {
      let currentUrl = e.currentTarget.dataset.src
      wx.previewImage({
          current: currentUrl, // 当前显示图片的http链接
          urls: this.data.imgList// 需要预览的图片http链接列表
      })
},