el-input校验手机号。

你可以使用正则表达式来验证手机号码，如下所示：

<template>
  <div>
    <el-input v-model="mobile" placeholder="请输入手机号码" :class="{'is-error': !isMobileValid}" @blur="validateMobile"></el-input>
    <p v-show="!isMobileValid" class="error-msg">请输入正确的手机号码</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mobile: '',
      isMobileValid: true
    }
  },
  methods: {
    validateMobile() {
      const reg = /^[1][3-9][0-9]{9}$/;
      if (!reg.test(this.mobile)) {
        this.isMobileValid = false;
      } else {
        this.isMobileValid = true;
      }
    }
  }
}
</script>

<style scoped>
.is-error .el-input__inner {
  border-color: #f56c6c;
}
.error-msg {
  color: #f56c6c;
  margin-top: 5px;
}
</style>

在上面的示例中，我们使用了一个正则表达式来验证手机号码，如果输入的手机号码不是11位数字，或者不是以1开头的话，就会显示验证错误的提示信息。同时，我们通过v-model绑定了输入框的值，通过@blur事件来触发校验，最后使用v-show来控制错误提示信息的显示。