重定向

重定向通过routes 配置来完成
栗子:

import Vue from 'vue'
import Router from 'vue-router' 
import Film from '@/views/Film.vue'
import Cinema from '@/views/Cinema.vue'
import Center from '@/views/Center.vue'

Vue.use(Router)

export default new Router({
 routes: [
   {
     path: '/film',
     component: Film
   },
   {
     path: '/cinema',
     component: Cinema
   },
   {
     path: '/center',
     component: Center
   },
   {
     path: '*',
     redirect: '/film'
   }
   // 前面路径都不符合的话重定向
 ]
})
二级重定向

在这里插入图片描述

二级路由

当触发二级路由时,此路由就会将对应内容传给自己父级路由组件里的router-view中显示
二级路由的配置,给对应的一级路由加children属性数组,里面放置二级路由。

创建二级路由在这里插入图片描述
创建二级页面
在这里插入图片描述
接下来在相应页面渲染二级嵌套路由即可
在这里插入图片描述
最后一步不要忘记在router.js 引入二级页面才能生效
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐