elementui表单使用正则表达式验证

在 Element UI 中，可以使用正则表达式进行表单验证。你可以通过 `rules` 属性来定义验证规则，并使用内置的 `pattern` 规则来指定正则表达式。

下面是一个示例，展示了如何使用正则表达式验证一个输入框中的手机号码：

<template>
  <el-form :model="form" :rules="rules">
    <el-form-item label="手机号码" prop="phone">
      <el-input v-model="form.phone"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        phone: '' // 输入框绑定的数据
      },
      rules: {
        phone: [
          { required: true, message: '请输入手机号码', trigger: 'blur' },
          { pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur' }
        ]
      }
    };
  }
};
</script>

在上面的示例中，`rules` 对象中的 `phone` 属性指定了手机号码的验证规则。`required: true` 表示该字段为必填项，`pattern: /^1[3456789]\d{9}$/` 表示手机号码必须符合指定的正则表达式。`message` 属性指定了验证不通过时的错误提示信息。

这样，在用户输入手机号码时，Element UI 会自动根据指定的正则表达式进行验证，并显示相应的错误信息。