el-upload文档里面没有看到show-remove的属性
时间: 2023-10-02 20:11:22 浏览: 46
是的,`el-upload`组件的文档中确实没有`show-remove`属性,可能是因为该属性是`el-upload-list`组件的属性,而不是`el-upload`组件的属性。
如果想要在上传文件时显示删除按钮,可以在`el-upload-list`组件中使用`show-remove`属性,例如:
```html
<el-upload
class="upload-demo"
action="/upload"
:on-success="handleSuccess"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
<el-upload-list
class="upload-list"
:show-remove="true"
:file-list="fileList"
:disabled="true">
</el-upload-list>
```
在上面的示例中,我们将`show-remove`属性设置为`true`,这样上传列表中的每个文件条目都会显示一个删除按钮。注意,要使用`show-remove`属性,还需要将`file-list`属性绑定到`el-upload`组件的`fileList`变量上,这样上传列表才会显示上传的文件。
相关问题
el-upload属性
el-upload 是 Element UI 框架中的一个上传组件,用于实现文件上传的功能。它具有以下属性:
1. action:指定文件上传的地址。
2. headers:设置请求头。
3. data:上传时需要额外携带的数据。
4. multiple:是否支持多文件上传。
5. limit:设置最大允许上传的文件数量。
6. accept:设置接受的文件类型。
7. drag:是否支持拖拽上传。
8. auto-upload:是否在选取文件后自动上传。
9. show-file-list:是否显示已上传文件列表。
10. file-list:已上传的文件列表数据。
11. before-upload:上传前的钩子函数。
12. on-success:上传成功的回调函数。
13. on-error:上传失败的回调函数。
14. on-remove:移除文件的回调函数。
这些属性可以根据具体的需求进行配置,以实现不同的上传功能。
el-upload 所有属性
el-upload 是 Element UI 提供的文件上传组件,以下是它的所有属性:
- action:必填,上传的地址,可以是一个字符串或者一个返回字符串的函数。
- headers:上传的请求头部,类型为对象。
- data:上传时附带的额外参数,类型为对象- multiple:是否支持多选文件。
- name:上传的文件字段名。
- with-credentials:是否允许携带 cookie。
- show-file-list:是否显示已上传文件列表。
- drag:是否启用拖拽上传。
- accept:接受上传的文件类型,同 input accept 属性。
- before-upload:上传文件之前的钩子,返回 false 或者 Promise 可以阻止上传。
- on-progress:文件上传时的回调函数。
- on-success:上传成功的回调函数,返回服务器响应数据。
- on-error:上传失败的回调函数,返回错误对象。
- on-remove:文件移除时的回调函数。
- file-list:已上传的文件列表,类型为数组。