小程序wx.previewImage查看圖片再次點擊返回時重新加載頁面問題

wx.previewImage預覽圖片這個過程到底發生了什么？

首先我們點擊圖片預覽，附上查看圖片代碼：

<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

 

 

 

搞定了,  諸位 如果有更好方法 或者 疑點請告知在下;

 

參考鏈接:https://blog.csdn.net/weixin_42512816/article/details/110161995