小程序放大预览图片，并可左右滑动

最新推荐文章于 2022-10-26 11:53:00 发布

原创最新推荐文章于 2022-10-26 11:53:00 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何使用微信小程序实现图片预览功能，通过`wx.previewImage`方法展示数据列表中多个图片链接。适合前端开发者快速集成图片浏览功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 data: {
    list:[
    {url:'图片链接'},
    {url:'图片链接'},
    {url:'图片链接'}
    ]
  },
  //预览方法
  preview(e){
    let that = this;
    let url = e.currentTarget.dataset.url;
      wx.previewImage({
        current: url, // 当前显示图片的http链接
        urls: that.data.list // 需要预览的图片http链接列表
      })
  },