uniapp刷新当前页面的方法
时间: 2023-06-11 14:04:17 浏览: 2324
您可以使用uniapp内置的页面跳转API的replaceTab方法,将当前页面刷新为目标页面。具体代码如下:
// 跳转到当前页面,达到刷新的效果
uni.switchTab({
url: '/pages/currentPage/currentPage'
})
相关问题
uniapp刷新当前页面
在uniapp中,可以使用以下方法刷新当前页面:
1. 使用 `uni.navigateBack` 方法返回上一页,在上一页的 `onShow` 方法中重新加载数据。
```javascript
// 在当前页调用该方法返回上一页
uni.navigateBack({
delta: 1, // 返回的页面数,这里是返回上一页
success: function () {
// 上一页的 onShow 方法会被触发,可以在其中重新加载数据
}
})
```
2. 在当前页调用 `uni.reLaunch` 方法重新加载当前页。
```javascript
// 在当前页调用该方法重新加载当前页
uni.reLaunch({
url: '/pages/currentPage/currentPage' // 当前页的路径
})
```
需要注意的是,以上两种方法都会重新加载当前页面的生命周期函数,因此可以在 `onShow` 方法中重新加载数据。
uniapp 刷新当前页面
你可以在 uniapp 中使用 $vm.refresh() 方法来刷新当前页面。
例如:
```
export default {
methods: {
refreshPage() {
this.$vm.refresh()
}
}
}
```
也可以使用 uni.reLaunch 方法重新打开当前页面:
```
uni.reLaunch({
url: '/pages/index/index'
});
```
你也可以使用 uni.navigateTo 方法跳转回当前页面:
```
uni.navigateTo({
url: '/pages/index/index'
});
```
注意:使用 uni.navigateTo 跳转回当前页面时,页面并不会真正刷新,而是重新执行 onLoad 生命周期函数。
阅读全文