uniapp返回上一頁并實現(xiàn)刷新界面數(shù)據(jù)的完整代碼
在uniapp中,經(jīng)常會有返回上一頁的情況,官方提供有 uni.navigateBack 這個api來實現(xiàn)效果,但是此方法返回到上一頁之后頁面并不會自動刷新(不會觸發(fā)上一頁的onLoad()方法)。
使用場景
從一個列表界面點擊新增按鈕,進入新增元素的界面,然后新增之后返回列表界面,并刷新列表界面。

效果實現(xiàn)
元素新增界面的代碼:
if (res.code === 200) {
const pages = getCurrentPages();
const prevPage = pages[pages.length - 2]; // 上一個頁面
uni.$u.toast('操作成功');
setTimeout(() => {
uni.navigateBack({
delta: 1,
success: () => {
prevPage.$vm.getList(); // 直接調(diào)用上個頁面的刷新方法
}
});
}, 1000);
} else {
uni.$u.toast(res.msg);
}列表界面的代碼
async onLoad() {
await this.getList(); // 自定義的刷新函數(shù)
},利用獲取頁面棧 getCurrentPages() 方法, 在使用uni.navigateBack()返回成功后調(diào)用 beforepage.$vm.需刷新方法 即可完成返回并刷新。
到此這篇關(guān)于uniapp返回上一頁,并實現(xiàn)刷新界面數(shù)據(jù)的文章就介紹到這了,更多相關(guān)uniapp刷新數(shù)據(jù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用JS-SDK開發(fā)公眾號微信網(wǎng)頁的完整步驟
微信JS-SDK是微信公眾平臺 面向網(wǎng)頁開發(fā)者提供的基于微信內(nèi)的網(wǎng)頁開發(fā)工具包,下面這篇文章主要介紹了使用JS-SDK開發(fā)公眾號微信網(wǎng)頁的完整步驟,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
使用Layer組件彈出多個對話框(非嵌套)與關(guān)閉及刷新的例子
今天小編就為大家分享一篇使用Layer組件彈出多個對話框(非嵌套)與關(guān)閉及刷新的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
ES6新數(shù)據(jù)結(jié)構(gòu)Map功能與用法示例
這篇文章主要介紹了ES6新數(shù)據(jù)結(jié)構(gòu)Map功能與用法,結(jié)合實例形式分析了Map的功能、使用方法及相關(guān)注意事項,需要的朋友可以參考下2017-03-03
javascript對select標簽的控制(option選項/select)
html中的select標簽,也是asp.net中的asp:DropDownList控件,接下來介紹javascript對select標簽的控制,感興趣的朋友可以了解下,或許本文對你有所幫助2013-01-01
js中將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的代碼
js中將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的代碼,需要的朋友可以參考下。2011-07-07

