element-ui上传文件后隐藏上传按钮

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

:class="{imgHide:imgHideUpload}"

imgHide： css调用

imgHideUpload：js判断是否隐藏

 

二、data里面初始值：

certHideUpload: false,
certLimitCount: 1,

三、methods中添加方法

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

imgHandleChange(file, imgFileList){
     this.imgHideUpload = imgFileList.length >= this.imgLimitCount;
}

    handleRemove里面（删除文件被调用的那个）：

imgHandleRemove(file, imgFileList) {
     this.imgHideUpload = imgFileList.length >= this.imgLimitCount;
},

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

<style>
.imgHide .el-upload--picture-card {
  display: none;
}
</style>

imgHide：第一步定义的参数

el-upload：标签名

picture-card：标签el-upload中的list-type值