添加路由

{
  path: '/category',
  component: Layout,
  redirect: '/category/list',
  name: '视频分类管理',
  meta: {title: '视频分类管理', icon: 'el-icon-s-help'},
  children: [
    {
      path: 'list',
      name: '视频分类列表',
      component: () => import('@/views/video/category/list'),
      meta: {title: '视频分类列表', icon: 'table'}
    },
    {
      path: 'save',
      name: '上传视频分类',
      component: () => import('@/views/video/category/save'),
      meta: {title: '上传视频分类', icon: 'tree'}
    }
  ]
},

完善上传页面，上传页面也就是所谓的添加页面，现在大部分使用 excel 导致的比较多，所以这次就采用 excel 导入上传的形式来做添加，添加内容如下，添加了之后会报错，因为方法还没添加，不过没什么问题，先添加，添加完毕了之后紧接着就是去写 excel 上传解析接口了

<template>
  <div class="app-container">
    <el-form label-width="120px">
      <!--
      下载 excel 模板
      -->
      <el-form-item label="描述信息">
        <el-tag type="info">excel模板说明</el-tag>
        &nbsp;
        <el-tag>
          <i class="el-icon-download"></i>
          <a href="javascript:(0)">点击下载模板</a>
        </el-tag>
      </el-form-item>

      <!--
      上传excel
      -->
      <el-form-item label="上传信息">
        <el-upload
          ref="upload"
          action="https://jsonplaceholder.typicode.com/posts/"
          :auto-upload="false"
          :on-success="uploadSuccess"
          :on-error="uploadError"
          accept=".xls, .xlsx"
          :limit="1"
          :disabled="btnDisabled"
          name="file"
        >
          <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
          <el-button style="margin-left: 10px;" size="small" type="success"
                     @click="submitUpload">上传到服务器
          </el-button>
        </el-upload>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: "save"
}
</script>

<style scoped>

</style>