uniapp返回上一頁并實現(xiàn)刷新界面數(shù)據(jù)的完整代碼
更新時間：2024年04月23日 10:39:15 作者：卸載引擎
從一個列表界面點擊新增按鈕,進入新增元素的界面,然后新增之后返回列表界面,并刷新列表界面,下面小編給大家分享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)文章
這篇文章主要為大家詳細介紹了微信小程序開發(fā)animation心跳動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了利用JS生成博文目錄及CSS定制博客的相關(guān)資料,需要的朋友可以參考下2016-02-02
延遲加載的函數(shù)，第一次調(diào)用后，會覆蓋原來的老函數(shù)，以后再次調(diào)用的是新函數(shù)，不會再進行條件的判斷，提升效率2012-10-10
這篇文章主要介紹了使用微信SDK自定義分享的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
JS使用window.requestAnimationFrame()對列表切片進行渲染
這篇文章主要為大家介紹了JS使用requestAnimationFrame對列表切片進行渲染，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
再一次項目上用到ie的userdata，考慮當用戶不使用flash插件用于存儲一些聊天記錄2010-07-07
json對象與數(shù)組以及轉(zhuǎn)換成js對象的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄猨son對象與數(shù)組以及轉(zhuǎn)換成js對象的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript簡單遍歷DOM對象所有屬性的實現(xiàn)方法
這篇文章主要介紹了JavaScript簡單遍歷DOM對象所有屬性的實現(xiàn)方法,涉及JavaScript針對頁面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
下面小編就為大家?guī)硪黄斦刯s對url進行編碼和解碼(三種方式的區(qū)別)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
小程序地理定位是指通過小程序開發(fā)平臺提供的?API,來獲取用戶的地理位置信息,用戶在使用小程序時,可以授權(quán)小程序獲取自己的地理位置信息,下面通過本文給大家分享微信小程序地理定位功能實現(xiàn),感興趣的朋友一起看看吧2024-05-05