Vue挖坑指南：[vue-router] Named Route 'XXX' has a default child route.

前言

OA系统，使用了路由的嵌套，希望在访问子模块时，默认加载模块的默认路由。即为子模块设置默认路由 。

开始

我们先来看看，如何为子模块设置默认的路由。

这样写，会出现什么问题呢？打开控制台看看。

 实践

vue-router给我们报了两个警告，我们一个一个来看。

第一个：[vue-router] Named Route 'companyStructure' has a default child route. When navigating to this named route (:to="{name: 'companyStructure'"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named links instead.

这是因为我们为一级路由设置了默认的子路由，实际是访问了设置的子路由，所以把一级路由的name属性去掉即可。

第二个：[vue-router] Duplicate named routes definition: { name: "index", path: "/companyStructure/" }.

name要保证唯一性。我们可以保持一级路由的name属性，将二级路由的name值修改成唯一的即可。 

总结

2018/11/01又是新的一个月开始，感觉2018年就快要过完咯~大家有什么新年计划呢？一起分享啊

嘘寒问暖 不如打笔巨款~