el-form-item、a-form-model-item实现多个input、select关联校验 有时候我们有一个表单里面的表单项除了简单的校验，还有些之间的关联校验，比如两个数字型的最大值和最小值，我们还要校验最大值不能小于最小值。
el-form-item
<el-form :model="dataForm" :rules="rules">
<el-form-item prop="numbeelement-ui表单源码解析之el-input 关于表单校验el-input做的主要工作就是跟el-form-item交互，把input的相关事件发送给el-form-item，上一篇已经讲到在el-form-item的mounted的生命周期里面有如下代码的
this.$on('el.form.blur', this.onFieldBlur);
this.$on('el.form.change'element-ui表单源码解析之el-form-item 上一篇看了el-form，功能比较简单，现在来看看el-form-item
<!--el-form-item源码-->
<template>
<div class="el-form-item" :class="[{
'el-form-item--feedback': elForm &&aelement-ui表单源码解析之el-form 表单时大家常用的，根据本站的百度统计后台显示来到道招网的程序很多都在关注 《element-ui动态表单async-validate校验 please transfer a valid prop path to form item!》
看来很多网友对element-ui的校验（或者说是async-validator）使用不太熟悉，想了想还是有必要分享下element-ui的表单校验机制的。
el-table搭配el-form实现数据校验之前已经讲过一个关于el-form的校验的文章《 element-ui动态表单async-validate校验 please transfer a valid prop path to form item! 》，表单的校验依然是async-validate实现的。
目前在项目中使用到的表格很多时候比表单还多，以前表格是自己写的校验，这样一般是在点击提交按钮时会触发校验，代码一般是这样的。
element-ui动态表单async-validate校验 please transfer a valid prop path to form item!现在很多库，比如饿了么的element-ui的表单就是用的async-validate实现的表单校验，一般我们是这样的（以vue+element-ui为例）
template
<el -form :model="dataForm" ref="dataForm" :rules="dataFormRules">
</el><el -form-item la 关注道招网公众帐号
联系博主
