el-input校验手机号

可以使用el-input的自定义校验规则来校验手机号。示例代码如下：

<template>
  <div>
    <el-input v-model="phone" placeholder="请输入手机号" :rules="phoneRules"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phone: '',
      phoneRules: [
        { 
          required: true, 
          message: '手机号不能为空', 
          trigger: 'blur' 
        }, 
        {
          pattern: /^1[3456789]\d{9}$/, 
          message: '手机号格式不正确', 
          trigger: 'blur' 
        }
      ]
    }
  }
}
</script>

在上述代码中，我们定义了一个el-input控件，使用v-model绑定了一个名为phone的变量，用于存储用户输入的手机号。同时，我们通过设置rules属性，定义了一个名为phoneRules的校验规则数组。

phoneRules数组中定义了两个校验规则，分别是：

- required：表示手机号必填，如果用户没有输入手机号，则会显示“手机号不能为空”的错误提示信息。
- pattern：表示手机号格式必须符合指定的正则表达式，如果用户输入的手机号格式不正确，则会显示“手机号格式不正确”的错误提示信息。

这样，用户在输入手机号时，如果不符合校验规则，就会显示相应的错误提示信息。