先分析以下代码：
最外层使用<template></template>el-form，第二层使用el-form-item，第三层使用el-input
el-form绑定的数据对象为forms，表单的验证规则定义在formRules。整体代码如下：
再来看看触发验证时，通讯地址一栏无论如何也无法触发验证！！！如下动画！！
通讯地址的验证表单prop='contactAddress'，表单内的input也是forms.contactAddress，验证规则写的也是contactAddress，这完全没有问题呀，可是为啥呢？为啥呢？为啥呢？为啥呢？为啥呢？为啥呢？
一万个艹泥马飞奔而过。。。你猜怎么着，我无论将哪个表单移动到通讯地址这块儿位置它就无法验证了。。。把通讯地址移动到别的位置就正常了！！
这特么是什么鬼。。。。无奈我就想着是不是<template></template>的问题，
我就将<template></template>改为<div></div>，一切就好了。。。无奈极了。
其他表单验证无效总结：
1、prop中使用的变量与表单v-model绑定的变量名不一样导致无法触发。
prop="enterFee",v-model="forms.enterMoney"，无法触发验证规则。
<el-form-item label="入门费(元)" class="is-required" prop="enterFee">
<el-input style="width:100%" v-model="forms.enterMoney" placeholder="请输入入门费"></el-input>
</el-form-item>2、rules规则中未定义enterFee相关的验证方法导致无法触发验证规则。
3、el-from-item没有加prop导致无法触发验证规则。
4、from绑定的表单变量没有在data中定义导致无法触发验证规则。
