<script setup>
import { ref } from 'vue'
import { ElUpload, ElButton } from 'element-plus'

const videoFiles = ref([])
const videoUploadUrl = 'your_upload_url'

function handleVideoUploadSuccess(response, file, fileList) {
  // handle success
}

function handleVideoUploadError(err, file, fileList) {
  // handle error
}

</script>
<template>
  <div>
    <el-upload
      class="upload-demo"
      action={videoUploadUrl}
      accept="video/*"
      list-type="text"
      multiple
      :file-list="videoFiles"
      :on-success="handleVideoUploadSuccess"
      :on-error="handleVideoUploadError"
    >
      <el-button size="small" type="primary">Click to upload</el-button>
      <div slot="tip" class="el-upload__tip">Only support video file types</div>
    </el-upload>
  </div>
</template>
用element-plus框架插入视频上传组件生成vue3格式 script setup代码要求变量为响应式要求函数用function定义无需任何文字说明只要源码即可

原文地址: https://www.cveoy.top/t/topic/ba3G 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录