vue element-ui 组件上传图片 之后 对上传按钮 进行隐藏，删除之后重新显示

注：如果在当前的 vue 文件里 写了 style 样式，得 去除 scoped 【私有属性必须去除，不能保留】（这个是重点，不去除不生效），

 

template 部分

　　　　　　<el-upload

                            :class = "{disabled:isMax}"  // 通过 class 进行判断，对 upload 进行隐藏

                            action="  上传地址 "

                            list-type="picture-card"

                            accept="image/*"

                            :limit="1"

                            :file-list="ruleForm.productImgs"

                            :multiple="isMultiple"

                            :on-preview="handlePictureCardPreview"

                            :on-remove="handleRemove"

                            :on-success="handleAvatarSuccess"

                            :before-upload="beforeAvatarUpload"

                            :on-exceed="handleExceed"

                            :on-error="imgUploadError">

                            <i class="el-icon-plus"></i>

                        </el-upload>

 

data 部分

image: '',

productImgs: [],

isMultiple: true,

isMax : false, // 关键点，用它来做判断 class 是否追加上去

 

methods 部分

handleAvatarSuccess(res, file) {//图片上传成功

            this.isMax = true // 上传成功进行隐藏

 },

handleRemove(file, fileList) {//移除图片

            this.isMax = false // 删除图片时 恢复显示

 },