<el-upload>自定义类型
时间: 2023-11-06 21:55:02 浏览: 211
<el-upload>自定义类型可以通过修改CSS样式来实现。使用引用提供的CSS代码可以隐藏原来的选择图片按钮,并设置自定义的宽度和高度。此外,可以使用引用中的js代码来触发上传按钮的点击事件。具体的实现代码如下:
```css
.piao-type-dialog-upload .el-upload-list--picture-card .el-upload-list__item {
width: 90px;
height: 90px;
}
.piao-type-dialog-upload .el-upload--picture-card {
display: none;
}
```
```javascript
chooseImg() {
this.$refs['piaoTypeDialogUpload'].$refs['upload-inner'].handleClick()
}
```
```html
<el-upload
:action="UploadUrlR()"
:on-success="handleSuccessR"
:on-error="handleErrR"
multiple
:limit="1"
:show-file-list="false"
:on-exceed="handleExceed"
:file-list="fileList"
:on-progress="uploadVideoProcess"
style="display: inline-block; float: right"
>
<el-button
type="text"
size="small"
icon="el-icon-upload"
plain
class="none-border"
>
入口上传
</el-button>
</el-upload>
```
以上代码中,CSS部分用于隐藏原始的选择图片按钮并设置自定义的宽度和高度。JS部分用于通过触发点击事件来实现上传按钮的自定义。HTML部分包含了自定义的上传按钮。
阅读全文