微信小程序tabBar 返回tabBar不刷新頁面
更新時間：2019年07月25日 11:19:34 作者：一只魚呀hj
這篇文章主要介紹了微信小程序tabBar 返回tabBar不刷新頁面,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
1、在一個項(xiàng)目中，遇到了這個場景：返回tabBar中的某個頁面是需要保存數(shù)據(jù)，但是新進(jìn)這個頁面需要清除數(shù)據(jù)。
2、場景如下圖：報修進(jìn)入下一步，返回第一步時不能刷新頁面（即保留頁面數(shù)據(jù)），從其他tabBar進(jìn)入報修頁面時就需要清空可能已經(jīng)填寫的數(shù)據(jù)。
3、解決辦法，在第二步頁面做了一個本地存儲變量，在第一步的頁面判斷這個變量進(jìn)而確定是否是第二步頁面返回。
其中，因?yàn)榈谝徊接猩蟼鲌D片的操作，也會執(zhí)行"onShow"，因此在當(dāng)前頁面又新增了一個變量去判斷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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家整理了關(guān)于Bootstrap導(dǎo)航的慕課筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理方法
這篇文章主要介紹了uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理方法,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-08-08
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)ajax的用戶簡單登入功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制
這篇文章主要介紹了詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
這篇文章主要為大家詳細(xì)介紹了JavaScript中手寫Promise的一些常見方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,需要的可以參考一下2023-09-09
JavaScript實(shí)現(xiàn)班級抽簽小程序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)班級抽簽小程序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
解決使用layui對select append元素?zé)o效或者未及時更新的問題
今天小編就為大家分享一篇解決使用layui對select append元素?zé)o效或者未及時更新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript實(shí)現(xiàn)簡單的鼠標(biāo)拖動效果實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)簡單的鼠標(biāo)拖動效果,實(shí)例分析了javascript鼠標(biāo)拖動效果的相關(guān)要點(diǎn)與實(shí)現(xiàn)技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-04-04
下面小編就為大家?guī)硪黄猨s停止冒泡和阻止瀏覽器默認(rèn)行為的實(shí)現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-05-05
前端Echarts自適應(yīng)分辨率和縮放功能代碼實(shí)例
ECharts提供了自適應(yīng)功能,可以自動調(diào)整圖表大小以適應(yīng)屏幕變化,下面這篇文章主要給大家介紹了關(guān)于前端Echarts自適應(yīng)分辨率和縮放功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07