wxml页面部分:
<image wx:for="{{item.image}}" data-src="{{imageUrl}}" src="{{item}}" data-id="{{item}}" bindtap="previewImage" />
js部分:
// 点击图片时触发预览事件
previewImage: function(event) {
var currentUrl = event.currentTarget.dataset.id; // 获取当前点击的图片链接
var urls = [currentUrl]; // 需要预览的图片链接列表
// 调用微信API的预览图片接口
wx.previewImage({
current: currentUrl, // 当前显示图片的链接
urls: urls // 需要预览的图片链接列表
});
console.log(event);
},