uniapp使用navigateBack方法返回上級頁面并刷新的簡單示例
更新時間：2023年03月28日 09:47:29 作者：今后剛睡醒
最近寫uniapp項目的時候發(fā)現(xiàn)有時候需要更新頁面數(shù)據(jù),所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用navigateBack方法返回上級頁面并刷新的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
分析:一般調(diào)用navigateBack返回上一頁時有兩種情況
- 不需刷新:查看內(nèi)容,狀態(tài)未改變.
- 需刷新:在第二頁編輯后,上一頁列表中與之對應(yīng)的數(shù)據(jù)狀態(tài)一起改變
目前想出的方案是在回退之前修改上頁判斷條件,回退后重新獲取判斷條件在決定是否刷新。
示例:
詳情頁
修改狀態(tài)成功后,準備回退到上一頁之前,將上一頁的是否刷新參數(shù)值改為是的狀態(tài)
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2];//上一個頁面
//直接調(diào)用上一個頁面的setData()方法，把數(shù)據(jù)存到上一個頁面中去
prevPage.setData({
isRefresh: 1
})
// 再根據(jù)需求，確定返回上一頁面
wx.navigateBack({
delta: 1
})
列表頁
需要在onshow鉤子中獲取判斷條件
export default{
data(){
return{
isRefresh:false
}
},
onShow(){
// 如果是提交狀態(tài)返回isRefresh=1，才刷新頁面，從詳情過來無需刷新
let pages = getCurrentPages();
let currPage = pages[pages.length - 1];
if(currPage.__data__.isRefresh){
// 重新獲取數(shù)據(jù)
this.getData(true)//獲取列表數(shù)據(jù)
// 每一次需要清除，否則會參數(shù)會緩存
currPage.__data__.isRefresh=false
}
}
}
附：uniapp刷新頁面后使用uni.navigateBack()無法返回上個頁面
最近寫uniapp項目的時候發(fā)現(xiàn)有時候需要更新頁面數(shù)據(jù)，我是用h5強制刷新頁面后就無法返回上一個頁面，查了文檔后發(fā)現(xiàn)是頁面棧丟失問題。百度看了很多大佬們的方法，方法基本一致，使用原生JS的history對象，封裝一個兼容uniapp api和原生js的返回的方法。在此記錄一下
方法
let canNavBack = getCurrentPages()
if( canNavBack && canNavBack.length>1) {
uni.navigateBack()
} else {
history.back();
}
//在返回的方法里替換
總結(jié)
到此這篇關(guān)于uniapp使用navigateBack方法返回上級頁面并刷新的文章就介紹到這了,更多相關(guān)uniapp用navigateBack返回上一頁內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要分享了js實現(xiàn)九宮格拼圖小游戲的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
window.open被瀏覽器攔截后的自定義提示效果代碼...2007-11-11
內(nèi)存泄露是指一塊被分配的內(nèi)存既不能使用，又不能回收，直到瀏覽器進程結(jié)束，由于瀏覽器垃圾回收方法有bug，會產(chǎn)生內(nèi)存泄露，下面與大家詳細探討下內(nèi)存泄露的幾種情況2013-05-05
本文給大家匯總介紹的是獲取JavaScript 數(shù)組中最大最小值的方法和示例，非常的詳細和全面，希望對大家學習JavaScript能夠有所幫助2016-06-06
eval函數(shù)會將 obj 當做代碼去執(zhí)行一遍，下面舉個例子為大家詳細介紹下具體的使用方法，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
js去空格想必大家多少都會點吧，在接下來的文章中為大家詳細介紹下如何分別去字符串前后，左邊，右邊空格，感興趣的朋友可以參考下2013-10-10
onchange 事件會在域的內(nèi)容改變時發(fā)生,可用于單選框與復選框改變后觸發(fā)的事件,本文通過示例代碼介紹javascript中的 onchange事件,感興趣的朋友跟隨小編一起看看吧2023-10-10
uniapp開發(fā)微信小程序主包太大和vendor.js過大無法打包問題解決
最近工作一直在uniapp開發(fā)小程序這一塊,相信很多開發(fā)者都遇到過代碼體積太大無法打包的問題,這篇文章主要給大家介紹了關(guān)于uniapp開發(fā)微信小程序主包太大和vendor.js過大無法打包問題的解決辦法,需要的朋友可以參考下2023-11-11
FF IE兼容性的修改小結(jié)，大家以后在javascript的編寫過程中需要注意下。2009-09-09
Symbol類型的出現(xiàn),為每個屬性賦予了獨一無二的標識符,無論項目多么復雜,Symbol都能確保屬性鍵的絕對唯一性,下面我們就來看看JavaScript中那些不可忽略的Symbol吧2024-12-12