Vue挖坑指南:[vue-router] Named Route 'XXX' has a default child route.
前言OA系统,使用了路由的嵌套,希望在访问子模块时,默认加载模块的默认路由。即为子模块设置默认路由 。开始我们先来看看,如何为子模块设置默认的路由。这样写,会出现什么问题呢?打开控制台看看。实践vue-router给我们报了两个警告,我们一个一个来看。第一个:[vue-router] Named Route 'companyStructure' has a def...
前言
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年就快要过完咯~大家有什么新年计划呢?一起分享啊
嘘寒问暖 不如打笔巨款~
更多推荐
所有评论(0)