看了一圈始终没找到合适的方法,又回去仔细看了一下官网发现非常简单。。。终于解决了,记录一下。
on-change方法监听文件状态,对文件状态作出判断,如果大于3张图片就隐藏加号。
代码如下:
<el-upload
action="api/upload/upload"
list-type="picture-card"
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-change="handleLimit"
:on-exceed="handleWarn"
:file-list="fileList"
:limit="3"
multiple
:class="{disabled:uploadDisabled}"
>
<i class="el-icon-plus"></i>
</el-upload>
data部分:
uploadDisabled:false,
method部分:
handleLimit(file,fileList){
if(fileList.length>=3){
this.uploadDisabled = true;
}
},
css部分:
// .el-upload--picture-card 控制加号部分
.disabled .el-upload--picture-card {
display: none!important;
}
这样就完成啦!