添加课程信息前端1

最新推荐文章于 2022-09-19 12:47:46 发布

小张不会打代码

最新推荐文章于 2022-09-19 12:47:46 发布

阅读量335

点赞数

分类专栏：课程模块（教育项目）

本文链接：https://blog.csdn.net/qq_44841517/article/details/117128326

版权

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
      }