uni.navigateBack返回后如何实现刷新页面
时间: 2023-10-20 17:28:46 浏览: 543
实现了页面返回后刷新页面、和返回几个页面
在uni-app中,可以通过监听页面生命周期函数onShow来实现页面刷新。当使用uni.navigateBack返回到页面时,onShow函数会被调用。
具体实现方法如下:
1. 在需要刷新的页面的script标签中,添加onShow生命周期函数。
```
<script>
export default {
onShow() {
// 在onShow函数中进行数据刷新操作
console.log('页面刷新了')
}
}
</script>
```
2. 在返回到该页面的页面中,使用uni.navigateBack方法,并在success回调函数中触发该页面的onShow函数。
```
uni.navigateBack({
delta: 1, // 返回的页面数,如果是1,表示返回上一级页面
success() {
const pages = getCurrentPages()
const prevPage = pages[pages.length - 2]
prevPage.onShow() // 触发上一页的onShow函数
}
})
```
这样就可以通过uni.navigateBack返回后实现页面的刷新了。
阅读全文