哈哈,这个问题是我大学同学明天问我的。目前也是一个前端开发,还是一个大美女 ^_-。
其实办法有很多,网上看了一下,感觉这个办法最适宜我,所以学习一下啦。
- 新建一个空白页 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>
- 配置好路由,应用的时候如下。
this.$router.replace({path:'/refresh'})
为什么要用 replace 而不必 push 呢,因为 push 如果刷新胜利后点返回会回到 refresh 页面,replace 能够防止这个问题