微信小程序--图片放大预览

参考文档：https://www.cnblogs.com/Mrrabbit/p/7771910.html

需求：当点击图片时，当前图片放大预览，且可以左右滑动

image.png

实现方式：使用微信小程序图片预览接口

官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html

<!-- 测试的只能用网络图片，本地不能使用 -->
<img
    class="comment-img"
    :src="itm"
    v-for="(itm, idx) in item.picture"
    :key="idx"
    @tap="imgYu"
    :data-list="item.picture"
    :data-src="itm"
/>

imgYu: function(event) {
      var src = event.currentTarget.dataset.src; //获取data-src
      var imgList = [];
      let that = this;
      event.currentTarget.dataset.list.map(function(listItem, a, ary1) {
        listItem =  listItem
        imgList.push(listItem)
      });
      //图片预览
      wx.previewImage({
        current: src, // 当前显示图片的http链接
        urls: imgList // 需要预览的图片http链接列表
      });
},