ant vue from validatorRules手动清除校验

空&白

于 2022-02-18 10:17:21 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_32707555/article/details/122997524

vue 专栏收录该内容

61 篇文章

订阅专栏

这篇博客介绍了如何在 Vue 应用中使用 A-Form-Model 组件进行表单验证，通过设置 `validatorRules` 对象定义必填字段如 `custName` 和 `mealTimesName` 的验证规则。在用户操作后，可通过调用 `this.$refs.form.clearValidate()` 方法清除表单的验证状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<a-form-model ref="form" :rules="validatorRules">
	...
</a-form-model>
export default{
	data(){
		return{
			validatorRules:{
				custName:[{required: true,message: '请选择姓名!'}],
				mealTimesName:[{required: true,message: '请选择年龄!'}]
			},
		}
	},
	methods:{
		close(){
			...
			this.$refs.form.clearValidate()  //重点
		}	
	}
}