這篇文章主要介紹“微信小程序中怎么實現(xiàn)返回tabBar不刷新頁面”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強(qiáng)，希望這篇“微信小程序中怎么實現(xiàn)返回tabBar不刷新頁面”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司主營武穴網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件定制開發(fā),武穴h5小程序制作搭建,武穴網(wǎng)站營銷推廣歡迎武穴等地區(qū)企業(yè)咨詢

1、在一個項目中，遇到了這個場景：返回tabBar中的某個頁面是需要保存數(shù)據(jù)，但是新進(jìn)這個頁面需要清除數(shù)據(jù)。

2、場景如下圖：報修進(jìn)入下一步，返回第一步時不能刷新頁面（即保留頁面數(shù)據(jù)），從其他tabBar進(jìn)入報修頁面時就需要清空可能已經(jīng)填寫的數(shù)據(jù)。

3、解決辦法，在第二步頁面做了一個本地存儲變量，在第一步的頁面判斷這個變量進(jìn)而確定是否是第二步頁面返回。

其中，因為第一步有上傳圖片的操作，也會執(zhí)行"onShow"，因此在當(dāng)前頁面又新增了一個變量去判斷onShow是否是上傳圖片引起的。

第二步頁面代碼：

onShow: function () {
  wx.setStorageSync('repair',1)
 },

第一步頁面代碼：注：temp在聲明的時候是0,這個變量是在上傳圖片成功后置為了1

onShow: function () {
  let value = wx.getStorageSync('repair');
  var _tmp = this.data.temp;
  //返回的時候不清空數(shù)據(jù)
  if (!value){
   //清空數(shù)據(jù)
   this.setData({
    data:""
   })

  }
 },
onHide: function () {
  if(this.data.temp){
   wx.setStorageSync('repair', 1);
  }else{
   wx.removeStorageSync("repair");
  } 
 },

關(guān)于“微信小程序中怎么實現(xiàn)返回tabBar不刷新頁面”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。