新闻中心

记录团队成长点滴以及对技术、理念的探索,同时我们乐于分享!

小程序wx.previewImage查看图片再次点击返回时重新加载页面问题

2021-03-15 11:11:24 分类:技术学堂

首先我们点击图片预览,附上查看图片代码:

<image class="headImg" data-src="{{myData.firstPageBgm}}" bindtap="lookImg" mode="aspectFill" 
src="{{myData.firstPageBgm}}"></image>
// 图片预览
  lookImg(e) {
    const url = e.target.dataset.src;
    const box = new Array();
    box.push(url);
    wx.previewImage({
      current: url,
      urls: box
    })
  },

打印结果是,在点击图片预览时触发了onHide函数:


再次点击图片, 返回到页面-----发生:


会触发onShow函数,而我在onShow函数里写了调用接口返回后端数据,加载页面数据等等,怪不得会重新加载页面。

解决办法如下:


一、设置变量  isPreview 为true不触发onshow里面的函数


二、在onShow函数添加判断

点击图片,isPreview为true,则不触发onShow里的接口调用等等代码;

三、在预览图片函数里添加isPreview = true

搞定了