微信小程序tabBar 返回tabBar不刷新頁面

更新時(shí)間：2019年07月25日 11:19:34 作者：一只魚呀hj

這篇文章主要介紹了微信小程序tabBar 返回tabBar不刷新頁面,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

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

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

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

其中，因?yàn)榈谝徊接猩蟼鲌D片的操作，也會(huì)執(zhí)行"onShow"，因此在當(dāng)前頁面又新增了一個(gè)變量去判斷onShow是否是上傳圖片引起的。

第二步頁面代碼：

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

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

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

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

在JavaScript中對(duì)字符串進(jìn)行索引、拆分和操作的示例代碼
字符串是一個(gè)包含一個(gè)或多個(gè)字符的序列,可以由字母、數(shù)字或符號(hào)組成,在本教程中,我們將學(xué)習(xí)字符串原始值和String對(duì)象之間的區(qū)別,字符串的索引方式,如何訪問字符串中的字符,以及字符串常用的屬性和方法,需要的朋友可以參考下
2024-06-06
使用ethers.js部署Solidity智能合約的方法
Ethers.js則是一個(gè)輕量級(jí)的web3.js替代品，在本文中，我們將學(xué)習(xí)使用ethers.js部署Solidity智能合約的方法，感興趣的朋友一起看看吧
2021-10-10
基于ssm框架實(shí)現(xiàn)layui分頁效果
這篇文章主要為大家詳細(xì)介紹了基于ssm框架實(shí)現(xiàn)layui分頁效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
js遍歷、動(dòng)態(tài)的添加數(shù)據(jù)的小例子
js遍歷、動(dòng)態(tài)的添加數(shù)據(jù)的小例子，需要的朋友可以參考一下
2013-06-06
ASP中進(jìn)行HTML數(shù)據(jù)及JS數(shù)據(jù)編碼函數(shù)
在有些時(shí)候我們無法控制亂碼的出現(xiàn), 比如發(fā)送郵件的時(shí)候有些郵件顯示亂碼, 比如Ajax返回?cái)?shù)據(jù)總是亂碼. 怎么辦?
2009-11-11
JavaScript中判斷變量是否存在的四種常用方法整理
在Javascript中我們通常判斷一個(gè)變量是否存在,即不為null或者undefined,這篇文章主要給大家介紹了關(guān)于JavaScript中判斷變量是否存在的四種常用方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-08-08
微信小程序畫布顯示圖片繪制矩形選區(qū)效果
這篇文章主要介紹了微信小程序畫布顯示圖片繪制矩形選區(qū)效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2024-05-05
javascript中的 object 和 function小結(jié)
JavaScript的面向?qū)ο笫腔谠蔚模袑?duì)象都有一條屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function ， Function instanceof Object都為true而迷惑，所以首先看下對(duì)象的實(shí)例。
2016-08-08
淺析javascript函數(shù)表達(dá)式
這篇文章主要向大家詳細(xì)介紹了javascript函數(shù)表達(dá)式，幫助大家理解javascript函數(shù)表達(dá)式，感興趣的朋友可以參考一下
2016-02-02
如何用CocosCreator實(shí)現(xiàn)射擊小游戲
這篇文章主要介紹了如何用CocosCreator實(shí)現(xiàn)射擊小游戲，此游戲難度不大，僅作為入門的練手小游戲，一小時(shí)就能完成，里面用到的知識(shí)很常用，喜歡游戲的同學(xué)，可以參考下
2021-04-04