uniapp怎么使用navigateBack方法返回上級頁面并刷新

這篇文章主要介紹“uniapp怎么使用navigateBack方法返回上級頁面并刷新”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“uniapp怎么使用navigateBack方法返回上級頁面并刷新”文章能幫助大家解決問題。

分析:一般調(diào)用navigateBack返回上一頁時有兩種情況

• 不需刷新:查看內(nèi)容,狀態(tài)未改變.

• 需刷新:在第二頁編輯后,上一頁列表中與之對應(yīng)的數(shù)據(jù)狀態(tài)一起改變

目前想出的方案是在回退之前修改上頁判斷條件,回退后重新獲取判斷條件在決定是否刷新。

示例:

詳情頁

修改狀態(tài)成功后,準(zhǔn)備回退到上一頁之前,將上一頁的是否刷新參數(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項(xiàng)目的時候發(fā)現(xiàn)有時候需要更新頁面數(shù)據(jù)，我是用h6強(qiáng)制刷新頁面后就無法返回上一個頁面，查了文檔后發(fā)現(xiàn)是頁面棧丟失問題。百度看了很多大佬們的方法，方法基本一致，使用原生JS的history對象，封裝一個兼容uniapp api和原生js的返回的方法。在此記錄一下

方法

let canNavBack = getCurrentPages()
if( canNavBack && canNavBack.length>1) {  
    uni.navigateBack() 
} else {  
    history.back();  
} 
//在返回的方法里替換

關(guān)于“uniapp怎么使用navigateBack方法返回上級頁面并刷新”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。