本文探讨了如何在Element-ui中实现自定义校验规则，包括在el-form中设置必要的属性如:model、:rules和ref，以及在el-form-item中指定prop。文章提到了两种验证方式：简单的数据验证直接在rules中配置，复杂验证则需要利用正则表达式和自定义validator。特别强调，自定义校验规则的函数末尾必须调用callback()以确保表单验证的正确进行。
一. Element-ui 自定义校验规则
1.首先做校验要在我们的 el-form 表单中添加几个重要的属性：
:model = 'FormData'(数据源)
:rules="FormRules"(校验规则)
ref = 'FormData' (需要验证的表单元素节点)
在 el-form-item 表单里添加:
prop="name"(需要校验的字段名 )
在el-input里添加：
v-model="form.name"
如图所示：
2.验证数据分两种：
2.1 一种是简单的数据验证，一些不能为空的，必须输入的，验证规则简单的，我们就用简单的校验规则来验证，在rules中写就行：（写在data下return里）
最低0.47元/天 解锁文章
1763
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
