前言

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年就快要过完咯~大家有什么新年计划呢?一起分享啊

嘘寒问暖 不如打笔巨款~

Logo

前往低代码交流专区

更多推荐