element-ui的表单正则校验

1. 定义验证规则。data()格式定义规则

2. 应用规则(三置)应用于模板上的属性配置

给表单设置 rules 属性传入验证规则
给表单设置model表单数据的属性传输
给表单项（Form-Item ）设置 prop 属性，其值设置为需要验证的字段名

1. 手动兜底验证

详细说明:

步骤1-定义表格验证规则，固定格式

练习demo的正则:

注意：
● rules属性名必须与表单数据项中的属性名一致。

步骤2-模板中的配置

内容：

1. 给 el-form 组件绑定 model 表单数据对象
2. 给 el-form 组件绑定 rules 属性配置验证规则
3. 表单项需要验证 el-form-item 绑定 prop 属性。

注意：prop 指定表单对象中的数据名称的属性 ,不需要动态绑定。

我们做到这一步时，当用户输入的内容不符合表单规则要求时，并且某个输入框失焦时，它会给出相应的提示，当我们输入的内容符合要求时，错误提示会自动消失。