首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >【vue】 element upload文件上传后表单校验信息还存在

【vue】 element upload文件上传后表单校验信息还存在

作者头像
fruge365
发布2025-12-15 09:53:34
发布2025-12-15 09:53:34
70
举报

解决方案一:通过增加el-checkbox-group

代码语言:javascript
复制
<el-form-item label="底图文件" prop="underlayFile">
  <!-- 解决文件上传后校验信息还存在的问题 -->
  <!-- 注意修改绑定的模型数据 -->
  <el-checkbox-group v-show="false" v-model="reproductionForm.underlayFile">
  </el-checkbox-group>
  <upload-file ref="uploadFileRef" @getFile="getFile"></upload-file>
</el-form-item>

解决方案二:自定义校验

代码语言:javascript
复制
data(){
    // 自定义验证
	let validateImage = (rule, value, callback) => { //验证器
	    if (!this.checkImgSuccess) {     //为true代表图片在  false报错
	        callback(new Error('请上传图片'));
	    } else {
	        callback();
	    }
	};
	return{
	// 模型数据
	}
}

在表单的校验规则中加入自定义的校验

代码语言:javascript
复制
rules: {
     coverImg: [{required: true, validator: validateImage, trigger: 'change'}],
},
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档