vue+element刷新当前路由

如何作到每次点击相同的路由地址都去渲染页面？

需求是后台管理系统的菜单导航，点击同一个菜单须要刷新页面，跟以前作多页面应用要达到同样的效果，

如下是网上找到的方法（个人vue版本是2.5，vue-router 3.0）

1.加时间戳

 reloadRouter(path) { this.$router.push({ path, query: { t: +new Date() } }); }　

此方法无效

2.

this.$router.go(0);

此方法有效，可是整个页面都刷新了，

最后的解决办法是建立一个空的组件，redirect.vue，

每次点击跳转到redirect空白页，而且以params或者query把当前点击的路由地址传过去，（params传值配置路由时须要name属性）

redirect页面渲染完成在取到路由带过来的地址在进行跳转，在空白页面的停留时间很是短暂，这点不须要担忧。

完成！

这里还需提醒一下

当你点击菜单的时候判断一下是否是相同的路由地址，是的话跳转到redirect，不然正常跳转

<template>
</template>
<script> export default { name: 'ZRedirect', created() { const path = this.$router.currentRoute.params; this.$router.push(path); } }; </script>

 reloadRouter(path) { this.$router.push({ name: 'redirect', params: { path: path } }); this.$router.push({ path: 'redirect', query: { path: path } }); }