100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Element-ui上传图片完成后隐藏加号

Element-ui上传图片完成后隐藏加号

时间:2019-02-17 04:36:29

相关推荐

Element-ui上传图片完成后隐藏加号

看了一圈始终没找到合适的方法,又回去仔细看了一下官网发现非常简单。。。终于解决了,记录一下。

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;}

这样就完成啦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。