在uni中,返回頁面是不會(huì)觸發(fā)
onLoad
方法的;
如果我們只想在特定情況下返回上一頁才需要刷新數(shù)據(jù),那么用onShow
的話,那刷新就太頻繁了;
這時(shí)候,可以用$emit
和$on
去解決。
比如說,從詳情頁(detail.vue) 回到 列表頁(list.vue):
詳情頁(detail.vue):
進(jìn)入的頁面
<view @click="submitFunc">
點(diǎn)擊返回列表頁面,并且刷新列表接口
</view>
methods:{
back() {
uni.$emit('refreshData');
uni.navigateBack({
delta: 1
})
},
submitFunc() {
// 按鈕點(diǎn)擊返回,調(diào)用back()方法
this.back();
}
}
列表頁(list.vue)
onLoad() {
// 正常進(jìn)入該頁面的獲取數(shù)據(jù)
this.getData();
// 從詳情頁返回該頁面的獲取數(shù)據(jù)
uni.$on('refreshData',() => {
// 調(diào)用列表接口
this.getData();
})
},
methods:{
// 列表接口
getData() {
// 請求數(shù)據(jù)接口
... ...
}
}
大佬
給大佬暴贊????????????
大佬地址:https://blog.csdn.net/mossbaoo/article/details/115963129文章來源:http://www.zghlxwxcb.cn/news/detail-758965.html
最后
感覺文章好的話記得點(diǎn)個(gè)心心和關(guān)注和收藏,有錯(cuò)的地方麻煩指正一下,如果需要轉(zhuǎn)載,請標(biāo)明出處,多謝?。?!文章來源地址http://www.zghlxwxcb.cn/news/detail-758965.html
到了這里,關(guān)于vue/uniapp - 返回上一頁并onLoad/onShow刷新數(shù)據(jù)列表接口的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!