用element-plus框架插入视频上传组件生成vue3格式 script setup代码要求变量为响应式要求函数用function定义无需任何文字说明只要源码即可
<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>
原文地址: https://www.cveoy.top/t/topic/ba3G 著作权归作者所有。请勿转载和采集!