微信小程序tabBar 返回tabBar不刷新頁面
更新時間：2019年07月25日 11:19:34 作者：一只魚呀hj
這篇文章主要介紹了微信小程序tabBar 返回tabBar不刷新頁面,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
1、在一個項目中，遇到了這個場景：返回tabBar中的某個頁面是需要保存數(shù)據(jù)，但是新進這個頁面需要清除數(shù)據(jù)。
2、場景如下圖：報修進入下一步，返回第一步時不能刷新頁面（即保留頁面數(shù)據(jù)），從其他tabBar進入報修頁面時就需要清空可能已經(jīng)填寫的數(shù)據(jù)。
3、解決辦法，在第二步頁面做了一個本地存儲變量，在第一步的頁面判斷這個變量進而確定是否是第二步頁面返回。
其中，因為第一步有上傳圖片的操作，也會執(zhí)行"onShow"，因此在當前頁面又新增了一個變量去判斷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");
}
},
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在JavaScript中對字符串進行索引、拆分和操作的示例代碼
字符串是一個包含一個或多個字符的序列,可以由字母、數(shù)字或符號組成,在本教程中,我們將學習字符串原始值和String對象之間的區(qū)別,字符串的索引方式,如何訪問字符串中的字符,以及字符串常用的屬性和方法,需要的朋友可以參考下2024-06-06
Ethers.js則是一個輕量級的web3.js替代品，在本文中，我們將學習使用ethers.js部署Solidity智能合約的方法，感興趣的朋友一起看看吧2021-10-10
這篇文章主要為大家詳細介紹了基于ssm框架實現(xiàn)layui分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
js遍歷、動態(tài)的添加數(shù)據(jù)的小例子
js遍歷、動態(tài)的添加數(shù)據(jù)的小例子，需要的朋友可以參考一下2013-06-06
ASP中進行HTML數(shù)據(jù)及JS數(shù)據(jù)編碼函數(shù)
在有些時候我們無法控制亂碼的出現(xiàn), 比如發(fā)送郵件的時候有些郵件顯示亂碼, 比如Ajax返回數(shù)據(jù)總是亂碼. 怎么辦?2009-11-11
在Javascript中我們通常判斷一個變量是否存在,即不為null或者undefined,這篇文章主要給大家介紹了關(guān)于JavaScript中判斷變量是否存在的四種常用方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了微信小程序畫布顯示圖片繪制矩形選區(qū)效果,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-05-05
javascript中的 object 和 function小結(jié)
JavaScript的面向?qū)ο笫腔谠蔚模袑ο蠖加幸粭l屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function ， Function instanceof Object都為true而迷惑，所以首先看下對象的實例。2016-08-08
這篇文章主要向大家詳細介紹了javascript函數(shù)表達式，幫助大家理解javascript函數(shù)表達式，感興趣的朋友可以參考一下2016-02-02
這篇文章主要介紹了如何用CocosCreator實現(xiàn)射擊小游戲，此游戲難度不大，僅作為入門的練手小游戲，一小時就能完成，里面用到的知識很常用，喜歡游戲的同學，可以參考下2021-04-04