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 // 刪除圖片時 恢復顯示

 },