elementui filelist为空
时间: 2023-07-23 16:06:35 浏览: 146
如果您使用 ElementUI 的 `<el-upload>` 组件,可以检查以下几点:
1. 检查 `action` 属性是否正确设置为文件上传的后端接口;
2. 检查 `on-success` 属性中回调函数是否正确接收并处理上传成功的响应数据;
3. 检查 `file-list` 属性是否正确绑定到一个数组,该数组应该包含已上传的文件列表。
如果以上步骤均已正确设置,但是 `file-list` 仍为空,可以尝试在上传文件后手动更新 `file-list` 数组。例如,在 `on-success` 回调函数中,将上传成功的文件信息添加到 `file-list` 数组中,如下所示:
```
<template>
<el-upload
class="upload-demo"
action="/your-upload-api"
:on-success="handleSuccess"
:file-list="fileList">
<el-button slot="trigger" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" type="success">上传到服务器</el-button>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleSuccess(response, file, fileList) {
// 处理上传成功的响应数据
// ...
// 将上传成功的文件信息添加到 fileList 数组中
this.fileList.push({
name: response.name,
url: response.url
});
}
}
};
</script>
```
如果以上步骤都无法解决问题,建议检查后端接口是否正确处理了文件上传请求,并返回了正确的响应数据。
阅读全文