uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新

2年前作者：今后剛睡醒分類(lèi)：Toy博客閱讀(21)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

分析:一般調(diào)用navigateBack返回上一頁(yè)時(shí)有兩種情況
- 不需刷新:查看內(nèi)容,狀態(tài)未改變.
- 需刷新:在第二頁(yè)編輯后,上一頁(yè)列表中與之對(duì)應(yīng)的數(shù)據(jù)狀態(tài)一起改變

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

示例:

詳情頁(yè)
修改狀態(tài)成功后,準(zhǔn)備回退到上一頁(yè)之前,將上一頁(yè)的是否刷新參數(shù)值改為是的狀態(tài)

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

列表頁(yè)
需要在onshow鉤子中獲取判斷條件文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-780277.html

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

到了這里，關(guān)于uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

干貨，在uniapp項(xiàng)目中使用uni.navigateBack()方法返回上一頁(yè)或多頁(yè)時(shí)攜帶參數(shù)的方法！
在微信官方文檔中有這么一個(gè)方法:getCurrentPages() getCurrentPages()函數(shù)用于獲取當(dāng)前頁(yè)面棧的實(shí)例，以數(shù)組形式按棧的順序給出，第一個(gè)元素為首頁(yè)，最后一個(gè)元素為當(dāng)前頁(yè)面。注意： getCurrentPages()僅用于展示頁(yè)面棧的情況，請(qǐng)勿修改頁(yè)面棧，以免造成頁(yè)面狀態(tài)錯(cuò)誤在日常的實(shí)
2024年02月12日
瀏覽(25)
微信小程序返回上級(jí)頁(yè)面?zhèn)鲄⒌膸追N方法
在做微信小程序跳轉(zhuǎn)頁(yè)面，經(jīng)常會(huì)遇到二級(jí)頁(yè)面要返回上級(jí)頁(yè)面，并且需要攜帶參數(shù)，wx.navigateTo()跳轉(zhuǎn)大家都知道直接在url上面拼接參數(shù)，之后再二級(jí)頁(yè)面onLoad(options)里獲取，但是返回頁(yè)面wx.navigateBack()不可以那樣做，所以就可以用以下幾種方式來(lái)做，具體看個(gè)人業(yè)務(wù)適合用
2024年02月08日
瀏覽(33)
微信小程序通過(guò)wx.navigateBack實(shí)現(xiàn)返回上一個(gè)頁(yè)面并調(diào)用方法
需求從A頁(yè)面跳到B頁(yè)面,B頁(yè)面執(zhí)行完所有步驟后返回A頁(yè)面并調(diào)用A頁(yè)面的方法實(shí)現(xiàn)方法主要用到 wx.navigateBack 和 wx.navigateTo 兩個(gè)路由跳轉(zhuǎn)方法,從A跳向B需要使用 wx.navigateTo ( 千萬(wàn)不能使用wx.redirectTo,這個(gè)跳轉(zhuǎn)后頁(yè)面就會(huì)銷(xiāo)毀,無(wú)法通過(guò)wx.navigateBack返回 ) 參考文檔小程序官方對(duì)路
2024年02月15日
瀏覽(26)
uniapp、小程序選擇數(shù)據(jù)后攜帶數(shù)據(jù)返回上一頁(yè)且不刷新頁(yè)面
優(yōu)先推薦方法三圖示：從新建線索頁(yè)面A跳轉(zhuǎn)到選擇線索頁(yè)面B，然后選擇相應(yīng)線索之后再返回新建線索頁(yè)面，且原來(lái)的表單數(shù)據(jù)不能丟失方法一：使用uni.$emit ?利用這個(gè)方法可以往uni這個(gè)對(duì)象身上添加自定義事件，然后通過(guò)uni.$on方法在生命周期onShow里面去觸發(fā)事件，通過(guò)觸
2024年02月15日
瀏覽(28)
微信小程序 wx.navigateBack() 攜帶參數(shù)返回（刷新上頁(yè)參數(shù)信息）
頁(yè)A 通過(guò)wx.navigateTo跳轉(zhuǎn)到頁(yè)B，頁(yè)B wx.navigateBack返回頁(yè)A前，可以通過(guò)利用getCurrentPages去傳遞參數(shù)，來(lái)刷新頁(yè)A的值 ?let pages = getCurrentPages(); //獲取當(dāng)前頁(yè)面pages里的所有信息。 ?let prevPage = pages[pages.length - 2]; //prevPage 是獲取上一個(gè)頁(yè)面的js里面的pages的所有信息。 -2 是上一個(gè)頁(yè)面
2024年02月16日
瀏覽(100)
uniapp H5 navigateBack無(wú)法返回上一層級(jí)
項(xiàng)目場(chǎng)景：提交表單后需要返回上一級(jí) 原因分析： H5在PC端打開(kāi)，當(dāng)前頁(yè)面重新加載的情況下，出現(xiàn)navigateBack不能返回，由于H5端頁(yè)面刷新后返回頁(yè)面棧會(huì)消失
2024年02月08日
瀏覽(26)
uniapp之頁(yè)面返回并調(diào)用返回頁(yè)方法
在H5頁(yè)面我們只需下面這樣，但是打包成APP是無(wú)效的app需要單獨(dú)加上一個(gè).$vm 最終代碼，細(xì)心的朋友會(huì)發(fā)現(xiàn)，下面獲取的currentPage，H5和APP是不同的，這是因?yàn)閍pp端是先改變路由再跳轉(zhuǎn)頁(yè)面，而H5端是先跳轉(zhuǎn)頁(yè)面再改變路由（CurrentPages喻為路由）
2024年02月02日
瀏覽(19)
微信小程序:navigateTo頁(yè)面跳轉(zhuǎn)與navigateBack返回上一頁(yè),并執(zhí)行相關(guān)操作
?A頁(yè)面：執(zhí)行方法fn，跳轉(zhuǎn)到B頁(yè)面 ????????跳轉(zhuǎn)方法采用 wx.navigateTo ，跳轉(zhuǎn)到新的頁(yè)面，保留當(dāng)前頁(yè)面 B頁(yè)面（路徑為pages/test/test的頁(yè)面）： ①在某一方法中執(zhí)行返回操作 wx.navigateBack({ ? ? delta: 1 }) ②刷新上一個(gè)頁(yè)面 prevPage.onLoad(); ③調(diào)用上一個(gè)頁(yè)面的設(shè)置值得方法 ?p
2024年02月12日
瀏覽(32)
uni-app:切換頁(yè)面刷新，返回上一頁(yè)刷新（onShow鉤子函數(shù)的使用）
切換頁(yè)面刷新：通過(guò)onShow()便可實(shí)現(xiàn) 返回上一頁(yè)通過(guò)uni.navigateBack({delta: 1});實(shí)現(xiàn) 以返回上一頁(yè)刷新為例在A頁(yè)面寫(xiě)入方法refreshHandler() 在A頁(yè)面寫(xiě)入onLoad()，onShow() ?onLoad()：首次進(jìn)入頁(yè)面時(shí)執(zhí)行的方法，這里直接引入refreshHandler() 可以直接查詢到頁(yè)面數(shù)據(jù) onShow()：進(jìn)入頁(yè)面執(zhí)行
2024年02月15日
瀏覽(79)
uniapp小程序路由跳轉(zhuǎn)，使用uni.navigateBack方法，實(shí)現(xiàn)跳轉(zhuǎn)傳參
由于小程序跳轉(zhuǎn)限制10層，為了盡可能的減少頁(yè)面棧，在小程序中會(huì)用到uni.navigateBack（）方法，使用中難免會(huì)遇到頁(yè)面跳轉(zhuǎn)之間傳參的問(wèn)題。uni.navigateBack和uni.navigateTo、uni.redirectTo方式不同，不能通過(guò)路由拼接的方式傳參，以下是三種跳轉(zhuǎn)的方法：在小程序中uni.navigateTo和u
2024年02月16日
瀏覽(33)