一:重定向:

按之前的代码,当输入的地址没有后缀的时候,是没有默认页面跳转的,即没有设置重定向页面

vue三十四:Vue-Router之重定向和二级路由

 

只需要在router的配置文件router.js中,配置重定向即可实现

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

 

二:二级路由,一级路由固定了,访问的子组件都是在一级路由对应组件下渲染的组件

vue三十四:Vue-Router之重定向和二级路由

 vue三十四:Vue-Router之重定向和二级路由

创建两个组件,用作二级路由对应的组件

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

在router.js组件配置中导入组件

vue三十四:Vue-Router之重定向和二级路由

在一级路由/film下配置二级路由

vue三十四:Vue-Router之重定向和二级路由

在film组件中预留容器

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

 

同样的,在/film没有匹配到二级路由的时候,也可以设置重定向

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

vue三十四:Vue-Router之重定向和二级路由

 

相关文章: