uniapp当前页面刷新
时间: 2023-08-02 20:08:16 浏览: 65
很抱歉,我之前的回答有误。如果您使用uniapp开发页面,您可以使用以下代码刷新当前页面:
```
// 通过获取当前页面栈实例,调用页面栈实例的 forceUpdate 方法来刷新当前页面
let pages = getCurrentPages()
let currentPage = pages[pages.length - 1]
currentPage.$forceUpdate()
```
这会调用当前页面的 `$forceUpdate` 方法,强制刷新当前页面。请注意,这种方法只在uniapp中有效,在其他框架或纯js中可能无法使用。
相关问题
uniapp 返回页面刷新
在uniapp中实现返回页面刷新的方法有几种方式。一种是利用uni.navigateBack()方法返回上一个页面并调用上一个页面的刷新方法,具体操作如下:
```
var pages = getCurrentPages(); // 获取当前挂载的路由数组
var prePage = pages[pages.length - 2] //获取 上一个页面
uni.navigateBack({
success() {
prePage.$vm.goCurrent() // 当返回成功的时候调用上一级页面的回调
}
})
```
另一种方式是在上一级页面中执行刷新当前页面的方法,具体操作如下:
```
// 刷新当前页面
goCurrent() {
let pages = getCurrentPages()
let currentPage = pages[pages.length - 1]
uni.reLaunch({
url: currentPage.$page.fullPath
})
}
```
注意,如果你的列表方法写到onLoad()中,是不会刷新列表的,而是需要放到onShow()中。另外,页面跳转传参的话,onLoad()先执行,onShow()后执行,不用担心上一个页面跳转参数取不到,刷新列表放到onShow()就可以了。
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` 方法中重新加载数据。