el-form 给字段加正则校验

可以使用 el-form 表单组件中的 rules 属性来给字段加正则校验。具体步骤如下：

1. 给 el-form 中的每个需要校验的字段加上 prop 属性，用来标识该字段的唯一性。

2. 在 el-form 的 rules 属性中定义校验规则，格式为一个数组，数组中每个元素对应一个字段的校验规则。每个元素是一个对象，包含 validator 和 trigger 两个属性。

validator 是一个函数，用来对字段进行校验。函数的参数是字段的值和一个回调函数，回调函数的参数是一个布尔值，表示校验结果是否通过。

trigger 是一个字符串，表示校验触发的时机，包括 blur（失焦时触发）、change（值变化时触发）和其他自定义事件。

例如，对一个用户名字段进行非空和正则校验，可以这样定义规则：

   rules: {
     username: [
       { required: true, message: '用户名不能为空', trigger: 'blur' },
       { pattern: /^[a-zA-Z]\w{5,15}$/, message: '用户名必须以字母开头，长度在6-16之间，只能包含字母、数字和下划线', trigger: 'blur' }
     ]
   }

3. 在 el-form-item 组件中使用 prop 属性指定需要校验的字段名，并且设置 :rules 属性为表单规则中对应的数组，例如：

   <el-form-item label="用户名" prop="username">
     <el-input v-model="username"></el-input>
   </el-form-item>

这样就完成了 el-form 中字段的正则校验配置。