html部分:
<image class="step1_img" bindtap="preview" src="{{imgList[0]}}" data-src="{{imgList[0]}}" ></image>
<image class="step2_img" src="{{imgList[1]}}" data-src="{{imgList[1]}}"></image>
<image class="step3_img" src="{{imgList[2]}}" data-src="{{imgList[2]}}"></image>
js部分:
data: {
imgList: [
"https://cloud-minapp-35372.cloud.ifanrusercontent.com/1lecYMRahT94CmUW.jpg",
"../../image/screenimg2.jpg",
"../../image/screenimg3.jpg",
]
},
preview(event) {
console.log(event.currentTarget.dataset.src)
let currentUrl = event.currentTarget.dataset.src
wx.previewImage({
current: currentUrl, // 当前显示图片的http链接
urls: this.data.imgList // 需要预览的图片http链接列表
})
},
可以查看 微信开发者文档中关于 previewImg的介绍
preview的url必须为网络链接!