使用 wx.previewImage api 真机预览图片一直处于加载中
data: {
// 图片展示集合
imgList: [
‘https://www.gonghuikeji.com/images/index/index-case-01.jpg’,
‘https://www.gonghuikeji.com/images/index/index-case-02.jpg’,
‘https://www.gonghuikeji.com/images/index/index-case-03.jpg’
],
},
<image wx:key="{{item}}" wx:for="{{imgList}}" bindtap=“imgYu” data-src="{{item}}" mode=“center” src="{{item}}"></image>
imgYu: function (e) {
var src = e.currentTarget.dataset.src;//获取data-src
//图片预览
wx.previewImage({
current: src, // 当前显示图片的http链接
urls: this.data.imgList // 需要预览的图片http链接列表
})
},