哈哈,这个问题是我大学同学今天问我的。目前也是一个前端开发,还是一个大美女^_-。

其实方法有很多,网上看了一下,感觉这个方法最适合我,所以学习一下啦。

  1. 新建一个空白页refresh.vue作为中转页面。
<template>
  <div></div>
</template>
<script>
export default {
  name: "refresh",
  data() {
    return {};
  },
  beforeRouterEnter(to, from, next) {
    next((vm) => {
      vm.$router.replace(from.path);
    });
  },
};
</script>

  1. 配置好路由,使用的时候如下。
this.$router.replace({path:'/refresh'})

为什么要用replace而不用push呢,因为push假如刷新成功后点返回会回到refresh页面,replace可以避免这个问题