关于elementUI中el-form的rules

Posted jlfw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于elementUI中el-form的rules相关的知识,希望对你有一定的参考价值。

以下代码是借用链接描述

技术图片
一般我们在使用elementUI来实现一个表单验证的时候,我们需要使用rules这个标签,表单验证规则,它后面所跟的就是你写的规则,这个是写在data中的。

技术图片
rqueired:是否必填,如不设置,则会根据校验规则自动生成
trigger:不太清楚为啥要这么写,
validator:这里是指定自己写的规则。

在自己写的方法中,可以将公共方法给调用进来

技术图片

技术图片

这里的Error代表:表单域验证错误信息, 设置该值会使表单验证状态变为error,并显示该错误信息





以上是关于关于elementUI中el-form的rules的主要内容,如果未能解决你的问题,请参考以下文章

vue elementui el-form rules动态验证的实例代码详解

vue:ElementUI表格控件数据校验

elementUI form表单验证不通过的原因

浅谈VUE, vue + elementui表单重置 resetFields问题(无法重置表单)

vue+elementui实现表单验证

elementui---验证重复密码以及生日和身份证号一致