uniapp返回上一頁(yè)并實(shí)現(xiàn)刷新界面數(shù)據(jù)的完整代碼
在uniapp中，經(jīng)常會(huì)有返回上一頁(yè)的情況，官方提供有 uni.navigateBack 這個(gè)api來(lái)實(shí)現(xiàn)效果，但是此方法返回到上一頁(yè)之后頁(yè)面并不會(huì)自動(dòng)刷新（不會(huì)觸發(fā)上一頁(yè)的onLoad()方法）。
使用場(chǎng)景
從一個(gè)列表界面點(diǎn)擊新增按鈕，進(jìn)入新增元素的界面，然后新增之后返回列表界面，并刷新列表界面。
效果實(shí)現(xiàn)
元素新增界面的代碼：
if (res.code === 200) {
const pages = getCurrentPages();
const prevPage = pages[pages.length - 2]; // 上一個(gè)頁(yè)面
uni.$u.toast('操作成功');
setTimeout(() => {
uni.navigateBack({
delta: 1,
success: () => {
prevPage.$vm.getList(); // 直接調(diào)用上個(gè)頁(yè)面的刷新方法
}
});
}, 1000);
} else {
uni.$u.toast(res.msg);
}列表界面的代碼
async onLoad() {
await this.getList(); // 自定義的刷新函數(shù)
},利用獲取頁(yè)面棧 getCurrentPages() 方法， 在使用uni.navigateBack()返回成功后調(diào)用 beforepage.$vm.需刷新方法 即可完成返回并刷新。
到此這篇關(guān)于uniapp返回上一頁(yè)，并實(shí)現(xiàn)刷新界面數(shù)據(jù)的文章就介紹到這了,更多相關(guān)uniapp刷新數(shù)據(jù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信小程序開(kāi)發(fā)animation心跳動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序開(kāi)發(fā)animation心跳動(dòng)畫(huà)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了利用JS生成博文目錄及CSS定制博客的相關(guān)資料,需要的朋友可以參考下2016-02-02
延遲加載的函數(shù)，第一次調(diào)用后，會(huì)覆蓋原來(lái)的老函數(shù)，以后再次調(diào)用的是新函數(shù)，不會(huì)再進(jìn)行條件的判斷，提升效率2012-10-10
這篇文章主要介紹了使用微信SDK自定義分享的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
JS使用window.requestAnimationFrame()對(duì)列表切片進(jìn)行渲染
這篇文章主要為大家介紹了JS使用requestAnimationFrame對(duì)列表切片進(jìn)行渲染，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
IE本地存儲(chǔ)userdata的一個(gè)bug說(shuō)明
再一次項(xiàng)目上用到ie的userdata，考慮當(dāng)用戶不使用flash插件用于存儲(chǔ)一些聊天記錄2010-07-07
json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JavaScript簡(jiǎn)單遍歷DOM對(duì)象所有屬性的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript簡(jiǎn)單遍歷DOM對(duì)象所有屬性的實(shí)現(xiàn)方法,涉及JavaScript針對(duì)頁(yè)面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)
下面小編就為大家?guī)?lái)一篇詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
小程序地理定位是指通過(guò)小程序開(kāi)發(fā)平臺(tái)提供的?API,來(lái)獲取用戶的地理位置信息,用戶在使用小程序時(shí),可以授權(quán)小程序獲取自己的地理位置信息,下面通過(guò)本文給大家分享微信小程序地理定位功能實(shí)現(xiàn),感興趣的朋友一起看看吧2024-05-05