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

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

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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理