Vue表单rules验证注意事项

1.以下三处必须注意

a):model:动态绑定得data中得form对象
b)prop:表单属性名必须与表单对象名称相对应
c)v-model子组件input值和父组件得data值双向绑定
d):model是v-bind:model的缩写
这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。
引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。
e)el-form 的 model 属性
el-form 的 model 属性是用来指定表单使用的数据的，虽然 el-form 指定了 model 对象，但是，理论上，vue 并没有限制 el-input 绑定的数据，el-form 内部的 el-input 组件依然可以绑定其他数据。

<el-form :model="groupData" :rules="rules" ref="groupForm">
	<el-form-item label="分组名称：" prop="name">
	  <el-input v-model="groupData.name"/>
	</el-form-item>
</el-form>

需要注意的是，如果要用 rules 进行表单校验，那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性，否则会导致校验失败。