微信小程序tabBar 返回tabBar不刷新頁面
1、在一個(gè)項(xiàng)目中,遇到了這個(gè)場景:返回tabBar中的某個(gè)頁面是需要保存數(shù)據(jù),但是新進(jìn)這個(gè)頁面需要清除數(shù)據(jù)。
2、場景如下圖:報(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");
}
},
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
- 微信小程序返回多級(jí)頁面的實(shí)現(xiàn)方法
- 微信小程序之分享頁面如何返回首頁的示例
- 微信小程序判斷頁面是否從其他頁面返回的實(shí)例代碼
- 微信小程序返回箭頭跳轉(zhuǎn)到指定頁面實(shí)例解析
- 微信小程序 子級(jí)頁面返回父級(jí)并把子級(jí)參數(shù)帶回父級(jí)實(shí)現(xiàn)方法
- 6行代碼實(shí)現(xiàn)微信小程序頁面返回頂部效果
- 微信小程序?qū)崿F(xiàn)頁面下拉刷新和上拉加載功能詳解
- 微信小程序開發(fā)(三):返回上一級(jí)頁面并刷新操作示例【頁面?!?/a>
相關(guān)文章
uniapp 對(duì)于scroll-view滑動(dòng)和頁面滑動(dòng)的聯(lián)動(dòng)處理方法
這篇文章主要介紹了uniapp 對(duì)于scroll-view滑動(dòng)和頁面滑動(dòng)的聯(lián)動(dòng)處理方法,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-08-08
詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制
這篇文章主要介紹了詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03
JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05
解決使用layui對(duì)select append元素?zé)o效或者未及時(shí)更新的問題
今天小編就為大家分享一篇解決使用layui對(duì)select append元素?zé)o效或者未及時(shí)更新的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript實(shí)現(xiàn)簡單的鼠標(biāo)拖動(dòng)效果實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)簡單的鼠標(biāo)拖動(dòng)效果,實(shí)例分析了javascript鼠標(biāo)拖動(dòng)效果的相關(guān)要點(diǎn)與實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
前端Echarts自適應(yīng)分辨率和縮放功能代碼實(shí)例
ECharts提供了自適應(yīng)功能,可以自動(dòng)調(diào)整圖表大小以適應(yīng)屏幕變化,下面這篇文章主要給大家介紹了關(guān)于前端Echarts自適應(yīng)分辨率和縮放功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07

