今天遇到一个奇怪的问题,频繁切换后台管理的菜单,路由跳转会错乱,url对了但是显示的页面不对。奇奇怪怪的问题,也不知道咋引起的,随便乱点了许久才发现,是因为点击了某个页面,然后跳转其它页面就一定会出现问题。
此次项目的菜单时嵌套了三层的。
导致问题的罪魁祸首是途中标的,一个二级菜单
后来找了其再router.js里面的写法:
看了下同事写的路由规则
改成
问题解决了!
testPage里面就是一个承载二级路由的router-view…
出错的原因是为啥呢…待我再研究研究vue的嵌套路由…
目前研究出来的原因:
testPage用<keep-alive></keep-alive>
做了缓存,如果直接写根路由,页面会被缓存,然后再点击其它路由,显示的就还是缓存的这个页面。
写的有点语无伦次…因为不知如何表达
总之经过测试,大概就是keep-alive缓存造成的。