<el-form-item label="上傳文件:" style="margin-left: 65px;" v-model="ruleForm.file" prop="file" :rules="{ required: true, message: '請上傳圖片', trigger: 'change' }"> <el-upload el-upload class="avatar-uploader el-upload--text" ref="upload" :limit="1" :on-remove="handleRemove" :on-change="handleChange" :file-list="vedioList" :action="uploadUrl" :before-upload="beforeUploadVedio" :on-success="handleVideoSuccess" > <i class="el-icon-plus avatar-uploader-icon" v-show="vedioList.length<1"></i> </el-upload> <P v-if="isShowUploadVideo" class="text">請保證視頻格式正確,且不超過20M</P> </el-form-item>
解決辦法:上傳組件on-success
后執行clearValidate
清除file
的校驗信息
handleAvatarSuccess(res, file, fileList) { this.$refs.form.clearValidate('path') this.$notify.success(res.data.F_FileName + "文件上傳成功"); },