el-input校验手机号码

你可以使用 el-form 和 el-form-item 来包裹 el-input，并设置 rules 属性来校验手机号码。具体实现可以参考以下代码：

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

<script>
export default {
  data() {
    return {
      formData: {
        phone: ''
      },
      rules: {
        phone: [
          { required: true, message: '请输入手机号码', trigger: 'blur' },
          { pattern: /^1[3456789]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' }
        ]
      }
    }
  }
}
</script>

在上述代码中，rules 中的 phone 规则数组包含两个校验规则，分别是必填规则和手机号码格式规则。其中，required 和 pattern 分别表示必填和正则校验，message 是校验失败后的提示信息，trigger 表示触发校验的事件，这里设置为 blur，即失去焦点时触发校验。