看了一圈始终没找到合适的方法,又回去仔细看了一下官网发现非常简单。。。终于解决了,记录一下。
on-change方法监听文件状态,对文件状态作出判断,如果大于3张图片就隐藏加号。
代码如下:
<el-uploadaction="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;}
这样就完成啦!