需求:点击同一个路由,重复刷新页面
解决思路:
1.放一个刷新页面 ,此页面为空页面,如下:
<template>
</template>
<script>
export default {
beforeRouteEnter(to,from,next){
next((vm) => {
vm.$router.replace(from.path);
});
}
}
</script>
<style>
</style>
2。配置下路由规则
{
path: "/refresh",
name: "refresh",
hideInMenu: true,
component: () =>
import( "@/components/refresh"),
},
3.点击当前路由时候,跳转刷新页,再从刷新页回调,即可完成刷新
if(this.$route.path === path) {
this.$router.replace({ path: '/refresh' });
return
}