el-from 手机号校验

el-form 可以结合 el-input 组件使用，通过正则表达式来校验手机号格式。以下是一个示例：

<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[3|4|5|7|8][0-9]\d{8}$/, message: '手机号格式不正确', trigger: 'blur' }
        ]
      }
    }
  }
}
</script>

在上面的示例中，rules 中的 phone 字段是一个数组，用来定义手机号的校验规则，包括是否必填，以及正则表达式用来校验手机号格式是否正确。在 el-input 组件的属性中，使用 v-model 绑定手机号的值，这样在表单提交时就可以获取到用户输入的手机号了。