本文主要是介绍vue同页面多路由懒加载-及可能存在问题的解决方式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
先上图，再解释
图一是多路由页面，图二是路由文件。从图一可以看出每个router-view对应的name都不一样。从图二可以看出层路由对应的组件加载方式要跟图一中的name相对应，并且图二的路由层在跟图一对应的页面中要加上components层，多一个s结尾，里面的的方法名就是图一路由的name值，里面还可以照样用懒加载的方式。
页面上其他的路由在路由文件中也跟图二是一样的写法。
附送可能存在的问题解决：
在同页面多路由的情况下，如果像我这边有加上导航菜单需要对应的路由，那刷新会导致默认显示第一个菜单去，页面内容原本是在第三个的路由上显示结果刷新页面加载第一个路由导致页面内容不显示问题。我们可以通过在多路由的页面中的mounted周期方法中去判断路由的前半部分是否存在，存在的话则跳转菜单默认项以及显示哪个要加载的路由
这篇关于vue同页面多路由懒加载-及可能存在问题的解决方式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
