vue.js返回上一页并刷新

在Vue.js中，可以使用`$router.go()`方法返回上一页。要刷新页面，可以使用`window.location.reload()`方法。所以，你可以尝试以下代码：

// 返回上一页
this.$router.go(-1);

// 刷新页面
window.location.reload();

这将返回到上一页并刷新页面。请确保在Vue组件中使用这些代码。

相关问题

vue3返回上一页不刷新

在Vue 3中返回上一页而不刷新页面可以通过以下方法实现：

1. 使用`router.go(-1)`：这将导航到上一页，但不会刷新页面。你可以在需要返回上一页的地方调用该方法，比如点击返回按钮或者执行某个特定的操作时。

methods: {
  goBack() {
    this.$router.go(-1);
  }
}

2. 使用`router.replace`：这会替换当前路由为上一页的路由，同样也不会刷新页面。你可以在需要返回上一页的地方调用该方法。

methods: {
  goBack() {
    this.$router.replace(this.$route.params.previousRoute);
  }
}

请注意，第二种方法需要你在路由跳转时记录上一页的路由信息，可以通过`beforeRouteLeave`守卫或者自定义的方式实现。

vuerouter返回上一页不刷新

可以通过在返回前保存当前页的数据，再在返回到前一页时重新渲染数据的方式来解决该问题。具体实现方法可以参考下面的代码：

1. 在前一页组件中定义一个方法，用于处理返回后需要执行的逻辑，比如重新渲染数据：

methods: {
  reloadPageData() {
    //重新渲染数据
  }
}

2. 在当前页组件中，通过 `$router.go(-1)` 或 `$router.back()` 方法返回前一页，同时执行前一页组件的方法：

methods: {
  goBack() {
    this.$router.go(-1);
    this.$store.dispatch('reloadPageData');
  }
}

3. 如果当前页需要向前一页传递一些数据，则可以通过在 `$router.push()` 方法中传递参数的方式来实现：

methods: {
  goBack() {
    this.$router.push({
      path: '/prevPage',
      query: {
        data: this.data
      }
    });
  }
}

4. 在前一页组件中，通过 `$route.query` 属性获取传递过来的参数，并根据参数重新渲染数据：

methods: {
  reloadPageData() {
    const data = this.$route.query.data;
    //重新渲染数据
  }
}