vue3 - 使用element-plus组件库el-upload上传mp4视频

在Vue3中使用Element Plus组件库中的`el-upload`上传MP4视频，可以按照以下步骤进行：

1. 首先，需要安装Element Plus和Vue CLI。如果你还没有安装，可以在项目根目录下运行：

   npm install element-plus @vue/cli

2. 然后，在`main.js`或其他合适的入口文件中引入Element Plus并注册全局使用：

   import { createApp } from 'vue';
   import ElementPlus from 'element-plus';
   import App from './App.vue';

   createApp(App).use(ElementPlus).mount('#app');

3. 在你的组件模板中导入`ElUpload`组件，并设置好相关的属性。例如，创建一个用于上传视频的表单或元素：

   <template>
     <div>
       <el-upload
         :action="uploadUrl"  
         :on-success="handleSuccess"
         :file-list="fileList"
         accept="video/mp4"
         :auto-upload="false"
       >
         <i class="el-icon-upload"></i>
         <button slot="tip">点击选择视频</button>
       </el-upload>
     </div>
   </template>

4. 定义数据属性如`uploadUrl`（上传地址）、`fileList`（已上传文件列表），以及处理成功回调函数`handleSuccess(file)`, 这里你可以处理上传后的逻辑，比如更新状态或保存到服务器：

   export default {
     data() {
       return {
         uploadUrl: '/api/upload', // 你的上传API地址
         fileList: [], // 初始化为空数组
       };
     },
     methods: {
       handleSuccess(file) {
         this.fileList.push({
           name: file.name,
           url: file.response.url, // 假设服务器返回新的URL
         });
       },
     },
   }