uniapp返回按钮后上级页面刷新
时间: 2023-09-10 07:08:49 浏览: 168
Uniapp示例:返回并刷新上一页
在uniapp中,可以通过监听页面的生命周期函数 `onShow` 来实现返回上级页面后刷新页面的效果。具体实现方式如下:
1. 在上级页面中的 `onShow` 函数中添加需要刷新的代码,比如重新获取数据等。
2. 在当前页面中使用 `uni.navigateBack` 函数返回上级页面。注意,需要在 `uni.navigateBack` 函数中传递一个回调函数,用于在返回上级页面后执行刷新操作。
示例代码如下:
// 上级页面中的onShow函数
onShow() {
// 添加需要刷新的代码,比如重新获取数据等
}
// 当前页面中的返回按钮点击事件
onBackClick() {
uni.navigateBack({
delta: 1,
complete: function() {
// 在返回上级页面后执行刷新操作
uni.$emit('refresh')
}
})
}
// 上级页面中的mounted函数中添加监听事件
mounted() {
uni.$on('refresh', () => {
// 执行刷新操作
})
}
阅读全文