<el-form-item label="桌臺二維碼" prop="coverPic" ref="image">
          <el-upload
            :http-request="uploadFile"
            action=""
            :on-success="handleSuccessForm"
            :show-file-list="false"
            accept=".png,.jpg,.jpeg,.gif"
            :before-upload="beforeAvatarUpload"
          >
            <img width="200" height="150" v-if
 
="ruleForm.coverPic" :src="ruleForm.coverPic" class="radius10" />
            <div v-else>
              <div class="imgUploadWraper">
                <el-button slot="trigger" size="mini" type="primary">上傳二維碼</el-button>
              </div>
            </div>
          </el-upload>
          <p style="margin: 0">格式支援jpg/png/gif，最大5MB，建議尺寸60*60</p>
        </el-form-item>

    let valiIcon = (rule, value, callback) => {
      if (!this.valiIconFlag) {
        callback(new Error('請上傳分類圖'))
      } else {
        callback()
      }
    }

coverPic: [{ required: true, validator: valiIcon }],

//上傳成功
handleSuccessForm() {
      this.valiIconFlag = true
      this.$refs.image.clearValidate()
      
 
this.$message.success('上傳成功')
    },

//刪除成功
handleRemove(file) {
      this.valiIconFlag = false; 
this.$refs.image.validate(); 
}