微信小程序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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理方法
這篇文章主要介紹了uniapp 對于scroll-view滑動和頁面滑動的聯(lián)動處理方法,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧2024-08-08詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制
這篇文章主要介紹了詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03解決使用layui對select append元素無效或者未及時更新的問題
今天小編就為大家分享一篇解決使用layui對select append元素無效或者未及時更新的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09