elementplus vue上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组.请使用<script setup lang="ts>
时间: 2024-03-17 11:46:25 浏览: 227
如果您使用的是 Element Plus 的 Upload 组件,上传文件之后 fileList 依旧是空数组,可以尝试以下步骤排查问题:
1. 确保您已经正确绑定了 fileList 属性,并且该属性是一个数组。例如:
```vue
<template>
<el-upload
class="upload-demo"
action="/upload"
:file-list="fileList"
multiple>
<el-button slot="trigger">选取文件</el-button>
<el-button type="primary" slot="tip">或者拖拽文件到此处</el-button>
</el-upload>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const fileList = ref([]);
export default {
setup() {
return {
fileList,
}
}
}
</script>
```
2. 确保您的后端代码正确处理了文件上传请求,并且返回了正确的响应。您可以使用工具如 Postman 来模拟上传文件请求,确认后端是否能够正确处理请求。
3. 如果以上两个步骤都没有解决问题,可以尝试查看浏览器控制台是否有任何错误或警告信息,并且检查是否有其他代码影响了 Upload 组件的正常工作。
希望以上方法能够帮助您解决问题。
阅读全文