element vue 上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组
时间: 2024-01-26 16:04:59 浏览: 55
这个问题可能是因为你没有正确绑定 `file-list` 属性。请确保你在 `el-upload` 组件中正确绑定 `file-list` 属性,例如:
```html
<el-upload
class="upload-demo"
action="/your-upload-api"
:file-list="fileList"
multiple
:auto-upload="false"
:on-change="handleChange">
<el-button slot="trigger" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
```
其中 `fileList` 是一个数组,它应该在 `data` 中定义:
```javascript
data() {
return {
fileList: []
};
},
```
同时,你需要在 `handleChange` 方法中更新 `fileList`,例如:
```javascript
handleChange(file, fileList) {
this.fileList = fileList;
},
```
这样,当你上传文件后,`fileList` 数组会被更新,包含已上传的文件信息。
阅读全文