v3动态路由,路由改变页面没有切换

154 阅读1分钟

记录一下最近踩到的坑,获取到后端返回的menu信息后,动态的添加路由,添加好之后切换页面,页面没有改变,从头到尾又走了一遍逻辑,发现都没有问题,并且发现只要去到一个页面之后,刷新一下页面就跟着变了,查了很多信息,发现是vue会复用相同的组件,所以当同一个组件不同路由发生跳转时将不在执行created, mounted之类的钩子函数

image.png 最后解决方法就是给touter-view添加一个key。两个路由的$route.path不一样, 所以组件被强制重新加载。就不再走vue的复用相同组建了。