关于前端:Vue-vue2刷新当前路由

40次阅读

共计 395 个字符,预计需要花费 1 分钟才能阅读完成。

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

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

  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 能够防止这个问题

正文完
 0