display 隐藏上传按钮_JavaScript之快速学会element-ui上传图片后隐藏上传按钮

本篇文章主要讲述JavaScript之快速学会element-ui上传图片后隐藏上传按钮，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

el-upload里面绑定一个占位class：

:class="{hide:hideUpload}"

data里面初始值：

hideUpload: false,

limitCount:1

onChange里面(添加文件、上传成功和上传失败时都会被调用的那个)：

this.hideUpload = fileList.length >= this.limitCount;

handleRemove里面(删除文件被调用的那个)：

this.hideUpload = fileList.length >= this.limitCount;

style，把scoped去掉(或者外部引入样式文件，主要目的是为了修改element-ui自带的样式)

.hide .el-upload--picture-card {

display: none;

}

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！