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 页面刷新通常通过 `navigator.navigate` 或者组件内的 `this.$router.replace` 或 `this.$route.push` 方法来完成，如果你是在 Vue 组件中：

// 使用导航守卫刷新当前页面
this.$router.go(0); // 向上回退
this.$router.back(); // 返回上一页

// 如果在vue-router配置中，可以使用meta字段控制页面刷新行为
{
  path: '/refresh-page',
  meta: { refresh: true },
  component: YourComponent,
}
// 刷新页面时，会自动触发这个路由

// 如果是单页应用，可以直接操作 history API 或者全局的 navigator对象
window.location.reload(); // 全面刷新页面

在小程序中，由于微信生态的限制，刷新页面通常是通过调用微信的接口或设置全局变量来模拟：

// 小程序示例
wx.reFresh();

uniapp 路由返回刷新页面

在 Uniapp 中，可以通过使用 `uni.navigateBack` 方法实现页面返回并刷新页面的效果。具体的步骤如下：

1. 在需要返回的页面中，使用 `uni.navigateBack` 方法返回到上一个页面。可以通过指定返回的层数来控制返回的页面，例如 `uni.navigateBack({ delta: 1 })` 返回上一个页面。

2. 在上一个页面的 `onShow` 生命周期函数中，进行页面刷新的操作。可以在该生命周期函数中调用需要执行的刷新逻辑。

示例代码如下：

// 返回按钮点击事件
onBackClick() {
  uni.navigateBack({ delta: 1 });
},

// 上一个页面的onShow生命周期函数
onShow() {
  // 执行刷新操作
  this.refreshPage();
},

// 刷新页面的方法
refreshPage() {
  // 执行刷新逻辑
}

通过以上步骤，你可以实现在返回页面时刷新页面的效果。希望能帮到你！如果还有其他问题，请继续提问。