el-input 手机号校验

要在 el-input 中进行手机号校验，您可以使用正则表达式来检查输入的手机号是否符合规定的格式。以下是一个示例代码：

<template>
  <el-input v-model="phoneNumber" type="tel" placeholder="请输入手机号"></el-input>
  <el-button type="primary" @click="validatePhoneNumber">确定</el-button>
</template>

<script>
export default {
  data() {
    return {
      phoneNumber: ''
    }
  },
  methods: {
    validatePhoneNumber() {
      const regex = /^1[0-9]{10}$/; // 手机号的正则表达式
      if (regex.test(this.phoneNumber)) {
        // 手机号格式正确，执行后续操作
        // ...
      } else {
        // 手机号格式不正确，给出提示信息或者阻止后续操作
        // ...
      }
    }
  }
}
</script>

在上述代码中，我们使用了正则表达式 `/^1[0-9]{10}$/` 来验证手机号的格式。这个正则表达式要求手机号以 1 开头，后面跟着 10 个数字。在 `validatePhoneNumber` 方法中，我们通过 `regex.test(this.phoneNumber)` 来检查输入的手机号是否符合这个正则表达式。如果符合，说明手机号格式正确，可以进行后续操作；如果不符合，说明手机号格式不正确，您可以根据需要给出相应的提示信息或者阻止后续操作。