elementplus的elupload组件没有可以直接获取组件中的文件对象的方法吗
根据 Element Plus 官方文档,el-upload 组件确实没有提供直接获取组件中的文件对象的方法。但是可以通过监听组件的 change 事件,获取上传成功的文件列表,然后通过文件列表的 ID 获取文件对象。示例代码如下:
<template>
<el-upload
ref="upload"
action="/upload"
@change="handleUploadChange"
>
<el-button>点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleUploadChange(fileList) {
// 上传成功的文件列表
const uploadedFiles = fileList.filter(file => file.status === 'success');
// 获取第一个上传成功的文件对象
const file = uploadedFiles[0].raw;
console.log('文件对象:', file);
}
}
}
</script>
注意,上传成功的文件对象是在文件上传成功后才会有,因此需要在 change 事件中进行处理
原文地址: http://www.cveoy.top/t/topic/ckHr 著作权归作者所有。请勿转载和采集!