记录一下
在使用Vue-Element-Admin框架编写动态路由时,功能实现了,但是当用户推出登录后,重新登陆,就会把菜单重新渲染一遍,导致菜单重复。
控制台会报Duplicate keys detected: '***'. This may cause an update error
等错误。
首先肯定会想到是路由数组没有清空,于是 尝试了一下,结果还是报错
Error: ""asyncRoutes" is read-only."
在这里没有深究,后面有时间可以研究。
解决方案
在退出登录的接口中调用location.reload()
函数刷新页面即可解决
reload会 重新初始化vue实例,router一并重置,Vue-Element-Admin框架下的目录为:src/store/modules/user.js
希望可以帮助到遇到同样问题的你。