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

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

分析:一般調用navigateBack返回上一頁時有兩種情況

• 不需刷新:查看內容,狀態未改變.

• 需刷新:在第二頁編輯后,上一頁列表中與之對應的數據狀態一起改變

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

示例:

詳情頁

修改狀態成功后,準備回退到上一頁之前,將上一頁的是否刷新參數值改為是的狀態

let pages = getCurrentPages();
let prevPage = pages[pages.length - 2];//上一個頁面
//直接調用上一個頁面的setData()方法，把數據存到上一個頁面中去
prevPage.setData({
	 isRefresh: 1 
})
// 再根據需求，確定返回上一頁面
wx.navigateBack({
	delta: 1
})

列表頁

需要在onshow鉤子中獲取判斷條件

export default{
	data(){
		return{
    		isRefresh:false
		}
	},
	onShow(){  
		// 如果是提交狀態返回isRefresh=1，才刷新頁面，從詳情過來無需刷新
		let pages = getCurrentPages();
		let currPage = pages[pages.length - 1];
		if(currPage.__data__.isRefresh){
			// 重新獲取數據
			this.getData(true)//獲取列表數據
			// 每一次需要清除，否則會參數會緩存
        	currPage.__data__.isRefresh=false
		}
	}
}

附：uniapp刷新頁面后使用uni.navigateBack()無法返回上個頁面

最近寫uniapp項目的時候發現有時候需要更新頁面數據，我是用h6強制刷新頁面后就無法返回上一個頁面，查了文檔后發現是頁面棧丟失問題。百度看了很多大佬們的方法，方法基本一致，使用原生JS的history對象，封裝一個兼容uniapp api和原生js的返回的方法。在此記錄一下

方法

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

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