<el-upload 修改list识别的key
时间: 2023-11-06 19:02:34 浏览: 136
【JavaScript源代码】vue el-upload上传文件的示例代码.docx
在El-upload组件中,可以通过更改`list-type`属性的值来修改list识别的key。
`list-type`属性决定了上传文件列表的样式和类型。默认情况下,它的值为`text`,表示以文本形式显示上传的文件列表。但是我们也可以将它的值修改为其他值来实现不同的效果。
要自定义list识别的key,我们可以将`list-type`属性的值设置为`picture-card`。这样会以图片卡片的形式显示上传的文件列表,并且每个文件都有一个删除按钮。这个删除按钮可以用来删除相应的文件,而不是整个列表。
例如,我们可以这样修改El-upload组件的`list-type`属性:
```
<el-upload
list-type="picture-card"
:on-remove="handleRemove"
>
</el-upload>
```
在这个例子中,我们将list-type属性设置为`picture-card`。同时,我们还绑定了一个`on-remove`事件,该事件会在删除按钮被点击时触发,并调用`handleRemove`方法来处理删除文件的逻辑。
通过这种方式,我们可以轻松地修改El-upload组件识别的key,以符合我们的需求。
阅读全文