小程序 图片放大缩小

基于image图片的放大缩小

<image src="{{imgList[0]}}" bindtap="preview" data-src="{{imgList[0]}}"></image>

对于的方法设置

Page({
 data: {
  imgList: [
    "https://example.com/image1.jpg",
    "https://example.com/image2.jpg",
    "https://example.com/image3.jpg"
  ]
 },

  // 点击图片预览
    preview(event) {
        const currentUrl = event.currentTarget.dataset.src; // 当前点击的图片 URL
        wx.previewImage({
        current: currentUrl, // 当前显示的图片链接
        urls: this.data.imgList // 所有需要预览的图片链接列表
   });
 }
});

 

其中在src设置绑定传参方式，需要在初始化方法定义  初始属性 : 

onShow () {
  this.setData({ url: 'http://'})      
}