[TOC]
通过在线示例⻚⾯进⾏功能体验并分析功能。

⾸先设置上传课时视频的组件，并配置路由与设置跳转。

// course/video.vue (新建) // router/index.js … { path: ‘/course/:courseId/video’, name: ‘course-video’, component: () => import(/* webpackChunkName: ‘course-video’ */ ‘@/views/course/video.vue’), props: true } ] …

设置跳转时，由于模板中不⽤加 this，所以 params 中的 courseId: this.courseId 简写为了 courseId

// course/section.vue … type=“success” @click=“$router.push({ name: ‘course-video’, params: { courseId } })” >上传视频 …

接收数据并设置⻚⾯结构，顶部的课程相关信息展示⾃⾏完成，这⾥完成主要的上传功能。

注意：这⾥采⽤普通 input 标签操作（如果使⽤ el-input，后续 DOM 操作时处理繁琐） // course/video.vue …