el-upload编辑时回显文件
时间: 2023-11-16 07:53:45 浏览: 180
使用element-ui的upload组件实现上传图片和pdf可查看方法
el-upload 是一个上传文件的组件,如果需要在编辑时回显文件,可以通过设置 fileList 属性来实现。具体步骤如下:
1. 在 data 中定义 fileList 数组,用于存储上传的文件列表。
2. 在 el-upload 组件中设置 fileList 属性为 fileList 变量。
3. 在编辑时,将已上传的文件信息填充到 fileList 数组中。
示例代码如下:
```
<template>
<el-upload
class="upload-demo"
action="/upload"
:file-list="fileList"
:on-success="handleSuccess"
:on-remove="handleRemove"
:before-upload="beforeUpload">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleSuccess(response, file, fileList) {
// 上传成功后的处理
},
handleRemove(file, fileList) {
// 删除文件后的处理
},
beforeUpload(file) {
// 文件上传前的处理
}
}
};
</script>
```
阅读全文