项目中动态路由增加后 在切换用户,或者重新登录时需要重新加载,这时需要清除上一次增加的动态路由,否则在添加重复路由时会添加不上
vue-router4提供的官方api
可以看到,只能通过name去删除,非常麻烦。这里提供一个思路
页面在刷新后会重新加载初始路由,所以可以在清除路由后直接刷新页面,打到我们需要的效果
以我的项目为例 在layout下面大部分都是由动态路由组成的,所以在退出的时候直接使用removeRouter(‘layout’)清除下面的所有路由,在push到登录页![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/4c8a944586f040b1918468cd777e3bdc.png
这里定义一个缓存标识。用于登录页时的刷新操作 搞定,可以看到路由也恢复
了初始路由
ps:登录页可以使用空白页判断是否显示内容,避免刷新时的页面加载尴尬