ElementUI 表单验证踩坑记

表单数据（规范）

// 表单数据（所有表单元素的数据都应该汇总到一个表单源对象里）
var formData = {
	// element1： [详情],
	// element2： [详情],
	//...
	// elementn： [详情],
}

// 例如表单的一些例子
	// 名称
	<el-input v-model='formData.name'></el-input>
	// 密码
	<el-input v-model='formData.password' type="password"></el-input>

绑定表单验证规范

	/* 
	* 绑定一个表单
	* 第一步  :model来绑定这个表单的value，而不是用v-model
	* 第二步  :rules来绑定这个表单的rules
	* 第三步  el-form-item中的prop属性对应el-input中v-model的表单子名称
	* 第四步  自定义rules列表
	*/
	<el-form :model="formData" :rules="rules">
		<el-form-item prop="username" label="用户名">
			<el-input v-model="formData.username"></el-input>
		</el-form-item>
		<el-form-item prop="password" label="密码">
			<el-input v-model="formData.password"></el-input>
		</el-form-item>
	</el-form>
	
	rules:{
		username: [
			{规则一},{规则二},{规则三}
		],
		password: [],
	}