微信小程序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)文章
uniapp 對(duì)于scroll-view滑動(dòng)和頁(yè)面滑動(dòng)的聯(lián)動(dòng)處理方法
這篇文章主要介紹了uniapp 對(duì)于scroll-view滑動(dòng)和頁(yè)面滑動(dòng)的聯(lián)動(dòng)處理方法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-08-08js實(shí)現(xiàn)ajax的用戶(hù)簡(jiǎn)單登入功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)ajax的用戶(hù)簡(jiǎn)單登入功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制
這篇文章主要介紹了詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03JS手搓P(guān)romise的常見(jiàn)方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中手寫(xiě)Promise的一些常見(jiàn)方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,需要的可以參考一下2023-09-09JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05解決使用layui對(duì)select append元素?zé)o效或者未及時(shí)更新的問(wèn)題
今天小編就為大家分享一篇解決使用layui對(duì)select append元素?zé)o效或者未及時(shí)更新的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09javascript實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果,實(shí)例分析了javascript鼠標(biāo)拖動(dòng)效果的相關(guān)要點(diǎn)與實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04js停止冒泡和阻止瀏覽器默認(rèn)行為的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇js停止冒泡和阻止瀏覽器默認(rèn)行為的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-05-05前端Echarts自適應(yīng)分辨率和縮放功能代碼實(shí)例
ECharts提供了自適應(yīng)功能,可以自動(dòng)調(diào)整圖表大小以適應(yīng)屏幕變化,下面這篇文章主要給大家介紹了關(guān)于前端Echarts自適應(yīng)分辨率和縮放功能的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07