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)文章
使用JS-SDK開發(fā)公眾號(hào)微信網(wǎng)頁(yè)的完整步驟
微信JS-SDK是微信公眾平臺(tái) 面向網(wǎng)頁(yè)開發(fā)者提供的基于微信內(nèi)的網(wǎng)頁(yè)開發(fā)工具包,下面這篇文章主要介紹了使用JS-SDK開發(fā)公眾號(hào)微信網(wǎng)頁(yè)的完整步驟,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
JS實(shí)現(xiàn)電話號(hào)碼的字母組合算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)電話號(hào)碼的字母組合算法,結(jié)合實(shí)例形式分析了javascript組合運(yùn)算的相關(guān)算法原理與操作技巧,需要的朋友可以參考下2019-02-02
layui.js實(shí)現(xiàn)的表單驗(yàn)證功能示例
這篇文章主要介紹了layui.js實(shí)現(xiàn)的表單驗(yàn)證功能,結(jié)合實(shí)例形式分析了基于layui.js的事件監(jiān)聽、驗(yàn)證、判定等相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
使用BootStrap實(shí)現(xiàn)用戶登錄界面UI
本文給大家介紹使用BootStrap實(shí)現(xiàn)用戶登錄界面UI,布局風(fēng)格采用左右各一半的風(fēng)格設(shè)計(jì),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-08-08
使用Layer組件彈出多個(gè)對(duì)話框(非嵌套)與關(guān)閉及刷新的例子
今天小編就為大家分享一篇使用Layer組件彈出多個(gè)對(duì)話框(非嵌套)與關(guān)閉及刷新的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09
ES6新數(shù)據(jù)結(jié)構(gòu)Map功能與用法示例
這篇文章主要介紹了ES6新數(shù)據(jù)結(jié)構(gòu)Map功能與用法,結(jié)合實(shí)例形式分析了Map的功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-03-03
javascript對(duì)select標(biāo)簽的控制(option選項(xiàng)/select)
html中的select標(biāo)簽,也是asp.net中的asp:DropDownList控件,接下來(lái)介紹javascript對(duì)select標(biāo)簽的控制,感興趣的朋友可以了解下,或許本文對(duì)你有所幫助2013-01-01
js中將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的代碼
js中將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的代碼,需要的朋友可以參考下。2011-07-07

