wx.previewImage轮播图预览返回触发onshow的问题

最新推荐文章于 2024-08-02 09:44:22 发布

qq_40112494

最新推荐文章于 2024-08-02 09:44:22 发布

阅读量530

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_40112494/article/details/115554224

版权

前端专栏收录该内容

9 篇文章 1 订阅

订阅专栏

商品详情页图片轮播图预览后触发onshow方法

Page({
  data: {
    //1.定义页面全局开关为false关闭
    sw: false,
  },
  onShow: function () {
    //2.调用onShow时先判断开关是否打开，打开了则关闭，不再调用onshow
    if(this.data.sw){
      this.setData({
        sw:false
      })
			return;
    }else{
      //正常调用的方法
    }
  },
  // 点击轮播图 放大预览
  handlePreviewImage(e) {
    // 3.调用 preivewImage 之前，将开关变量设置为 true打开
    this.setData({
      sw:true
    })
    const urls = this.data.imgs.map(v => v.PIC_URL);
    const index = e.currentTarget.dataset.index;
    wx.previewImage({
      current:urls[index],
        urls
    });
  },
})