微信小程序：点击预览图片

2018-06-24 00:58:53来源：未知阅读 ()

在开发微信小程序时，开发人员会参考着小程序api来开发小程序，但有的时候根据情况不同很容易出现bug，以下是我在开发小程序时出现的各种bug，在开发时有需要预览图片。

1.xml

1     <view class='detail_img'>
2         <view class='view_img' wx:for="{{imglist}}" wx:for-item="image">
3           <image src='{{image}}' data-src="{{image}}" bindtap="previewImage"></image>
4         </view>
5         <view style='clear:both;'></view>
6     </view>

2.js

data: {
    imglist:['图片链接','图片链接','图片链接']
  },

/**   
     * 预览图片  
     */
  previewImage: function (e) {
    var current = e.target.dataset.src;
    wx.previewImage({
      current: current, // 当前显示图片的http链接  
      urls: this.data.imglist // 需要预览的图片http链接列表  
    })
  } ,

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有