element UI form 验证

Posted hbb0b0

tags:

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

1 form 添加rules,具体属性添加prop, 注意 prop 属性与v-model 子属性一致

 

 

 

 

2 data 对象添加 rules

 

 

 

3 验证方法调用

 

 

 

 

 

验证规则见:

https://github.com/yiminghe/async-validator

 

碰到的坑

1 如果用到嵌套的rules属性
 

 

 

2 prop与v-model属性需要一致,如过不一致,验证不起作用

 

 

 

以上是关于element UI form 验证的主要内容,如果未能解决你的问题,请参考以下文章

element-ui Form表单验证

element UI form 验证

element-ui 表单组件的prop属性

element ui form表单验证validateField怎么验证多个字段

element-ui表单提交

Element UI Form表单验证