代碼
不含參數(shù)回傳
在navigateBack方法中使用uni.navigateBack?來返回上一個(gè)頁面。delta參數(shù)表示返回的頁面層數(shù)，這里設(shè)置為1表示返回上一個(gè)頁面。
export default {
methods: {
navigateBack() {
uni.navigateBack({
delta: 1,
success: () => {
// 返回成功后的回調(diào)函數(shù)
},
fail: () => {
// 返回失敗后的回調(diào)函數(shù)
}
});
}
}
}含參數(shù)回傳
要在uni-app中實(shí)現(xiàn)返回上一頁并刷新上一個(gè)頁面，并設(shè)置上一個(gè)頁面的data值，可以使用uni.emit和uni.emit和uni.on來實(shí)現(xiàn)事件的發(fā)布和訂閱。
?當(dāng)前頁面
export default {
methods: {
navigateBack() {
uni.$emit('refreshPreviousPage', { data: '要設(shè)置的數(shù)據(jù)值' });
uni.navigateBack({
delta: 1,
});
}
}
}上一頁面
在mounted或created生命周期中使用uni.$on來監(jiān)聽事件，并在回調(diào)函數(shù)中執(zhí)行刷新和設(shè)置data值的操作。
通過uni.$emit發(fā)布了一個(gè)名為refreshPreviousPage的事件，并傳遞了{ data: '要設(shè)置的數(shù)據(jù)值' }作為參數(shù)。上一個(gè)頁面使用uni.$on來監(jiān)聽該事件，在回調(diào)函數(shù)中執(zhí)行刷新頁面和設(shè)置data值的操作。
注：在每個(gè)頁面的<script>標(biāo)簽中引入uni以便正常使用uni.$emit和uni.$on。文章來源：http://www.zghlxwxcb.cn/news/detail-604002.html
這樣，當(dāng)返回上一頁時(shí)，上一個(gè)頁面將會(huì)被刷新并設(shè)置相應(yīng)的data值。文章來源地址http://www.zghlxwxcb.cn/news/detail-604002.html
export default {
mounted() {
uni.$on('refreshPreviousPage', (data) => {
this.refreshPage(data.data);
});
},
methods: {
refreshPage(data) {
// 執(zhí)行刷新頁面的操作，并設(shè)置data值
this.dataValue = data;
// ...
},
}
}到了這里，關(guān)于uni-app:navigateBack返回上一頁的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
