本文共 1492 字，大约阅读时间需要 4 分钟。

1.添加课程管理路由

2.我们先走通这个添加课程的流程

先创建第一二三个页面：

info.vue（第一个页面） chapter.vue(第二个页面) publish.vue(第三个页面) 还有一个list.vue（课程列表页面）

点击添加页面，跳转到info.vue页面

改一下index中的路径： 第二三步骤要依赖于第一步做到：

先添加路由：

添加隐藏路由，做页面跳转,

{
           path: 'info/:id',        name: 'EduCourseInfoEdit',        component: () => import('@/views/edu/course/info'),        meta: {
    title: '编辑课程基本信息', noCache: true },        hidden: true      },      {
           path: 'chapter/:id',        name: 'EduCourseChapterEdit',        component: () => import('@/views/edu/course/chapter'),        meta: {
    title: '编辑课程大纲', noCache: true },        hidden: true      },      {
           path: 'publish/:id',        name: 'EduCoursePublishEdit',        component: () => import('@/views/edu/course/publish'),        meta: {
    title: '发布课程', noCache: true },        hidden: true      }

我们来做一下步骤条：

整合info.vue页面

页面效果：

点击按钮之后，我们要到第二个页面 chapter.vue页面：

第三个页面publish.vue页面：

打开Swagger测试一下流程是通的：

转载地址：http://evxzi.baihongyu.com/