微信小程序tabBar 返回tabBar不刷新頁(yè)面
1、在一個(gè)項(xiàng)目中，遇到了這個(gè)場(chǎng)景：返回tabBar中的某個(gè)頁(yè)面是需要保存數(shù)據(jù)，但是新進(jìn)這個(gè)頁(yè)面需要清除數(shù)據(jù)。
2、場(chǎng)景如下圖：報(bào)修進(jìn)入下一步，返回第一步時(shí)不能刷新頁(yè)面（即保留頁(yè)面數(shù)據(jù)），從其他tabBar進(jìn)入報(bào)修頁(yè)面時(shí)就需要清空可能已經(jīng)填寫(xiě)的數(shù)據(jù)。
3、解決辦法，在第二步頁(yè)面做了一個(gè)本地存儲(chǔ)變量，在第一步的頁(yè)面判斷這個(gè)變量進(jìn)而確定是否是第二步頁(yè)面返回。
其中，因?yàn)榈谝徊接猩蟼鲌D片的操作，也會(huì)執(zhí)行"onShow"，因此在當(dāng)前頁(yè)面又新增了一個(gè)變量去判斷onShow是否是上傳圖片引起的。
第二步頁(yè)面代碼：
onShow: function () {
wx.setStorageSync('repair',1)
},
第一步頁(yè)面代碼：注：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í)有所幫助，也希望大家多多支持腳本之家。
- 微信小程序 詳解頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
- 微信小程序返回多級(jí)頁(yè)面的實(shí)現(xiàn)方法
- 微信小程序之分享頁(yè)面如何返回首頁(yè)的示例
- 微信小程序判斷頁(yè)面是否從其他頁(yè)面返回的實(shí)例代碼
- 微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析
- 微信小程序 子級(jí)頁(yè)面返回父級(jí)并把子級(jí)參數(shù)帶回父級(jí)實(shí)現(xiàn)方法
- 6行代碼實(shí)現(xiàn)微信小程序頁(yè)面返回頂部效果
- 微信小程序?qū)崿F(xiàn)頁(yè)面下拉刷新和上拉加載功能詳解
- 微信小程序開(kāi)發(fā)（三）：返回上一級(jí)頁(yè)面并刷新操作示例【頁(yè)面?！?/a>
相關(guān)文章
在JavaScript中對(duì)字符串進(jìn)行索引、拆分和操作的示例代碼
字符串是一個(gè)包含一個(gè)或多個(gè)字符的序列,可以由字母、數(shù)字或符號(hào)組成,在本教程中,我們將學(xué)習(xí)字符串原始值和String對(duì)象之間的區(qū)別,字符串的索引方式,如何訪問(wèn)字符串中的字符,以及字符串常用的屬性和方法,需要的朋友可以參考下2024-06-06
Ethers.js則是一個(gè)輕量級(jí)的web3.js替代品，在本文中，我們將學(xué)習(xí)使用ethers.js部署Solidity智能合約的方法，感興趣的朋友一起看看吧2021-10-10
基于ssm框架實(shí)現(xiàn)layui分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了基于ssm框架實(shí)現(xiàn)layui分頁(yè)效果，具有一定的參考價(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í)候我們無(wú)法控制亂碼的出現(xiàn), 比如發(fā)送郵件的時(shí)候有些郵件顯示亂碼, 比如Ajax返回?cái)?shù)據(jù)總是亂碼. 怎么辦?2009-11-11
在Javascript中我們通常判斷一個(gè)變量是否存在,即不為null或者undefined,這篇文章主要給大家介紹了關(guān)于JavaScript中判斷變量是否存在的四種常用方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-08-08
這篇文章主要介紹了微信小程序畫(huà)布顯示圖片繪制矩形選區(qū)效果,本文通過(guò)實(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
這篇文章主要向大家詳細(xì)介紹了javascript函數(shù)表達(dá)式，幫助大家理解javascript函數(shù)表達(dá)式，感興趣的朋友可以參考一下2016-02-02
如何用CocosCreator實(shí)現(xiàn)射擊小游戲
這篇文章主要介紹了如何用CocosCreator實(shí)現(xiàn)射擊小游戲，此游戲難度不大，僅作為入門(mén)的練手小游戲，一小時(shí)就能完成，里面用到的知識(shí)很常用，喜歡游戲的同學(xué)，可以參考下2021-04-04