this.$refs['form'].clearValidate清除表单验证
this.$refs['form'].clearValidate清除表单验证
表单验证条件
- form标签里加 :rules=“rules” （rules是校验规则）
- 对于需要校验的值增加 prop="customerId"
- 提交事件 ：@click=“postData(‘formName’)”
- 报错 [Element Warn][Form]model is required for validate to work!
JavaScript 全选
Missing required prop: "value" // 没有使用v-model绑定值
Missing required prop: "model" // 将:model修改为 v-model请查看form使用v-model还是 :model ，必须使用 :model
- 重置form整体校验
JavaScript 全选
this.$refs.form.clearValidate()重置部分校验：
JavaScript 全选
this.$refs.form.clearValidate('表单中prop的值');综上所述，清除部分表单验证成功，但提示信息仍旧存在。可通过给表单字段增加ref的方式清除。
举例： 在标签内添加 ref=“xxx” 在通过change 或者blue方法调用 this.$refs.xxx.clearValidate();方法即可。
参考源码
HTML 全选
<el-form ref="form"
class="form-inner-error"
:model="data"
:rules="dataRule"
label-width="120px"
style="width:100%;">
HTML 全选
<el-col :span="12">
<el-form-item label="托运单号"
prop="YDNO">
<el-input :readonly="isView"
v-model="data.YDNO"></el-input>
</el-form-item>
</el-col>
JavaScript 全选
try {
this.$refs['form'].clearValidate()
} catch {
/* empty */
}
版权声明：本文为开发框架文库发布内容,转载请附上原文出处连接
YESWEB C/S框架网
