el-input正则校验手机号怎么使用。

可以使用el-input的属性v-pattern来进行正则校验手机号。

具体步骤如下：

1. 在模板中添加el-input组件，并设置v-pattern属性值为正则表达式。

<el-input v-model="mobile" placeholder="请输入手机号" v-pattern="'^1[0-9]{10}$'" />

2. 在Vue实例中定义mobile变量，并在data属性中初始化为空字符串。

data() {
  return {
    mobile: '',
  }
}

3. 在Vue实例中定义computed属性，用于判断手机号是否符合正则表达式。

computed: {
  isMobileValid() {
    const regex = /^1[0-9]{10}$/
    return regex.test(this.mobile)
  },
},

4. 在el-button的disabled属性中绑定isMobileValid属性，用于判断按钮是否可用。

<el-button :disabled="!isMobileValid">提交</el-button>

完整代码如下：

<template>
  <div>
    <el-input v-model="mobile" placeholder="请输入手机号" v-pattern="'^1[0-9]{10}$'" />
    <el-button :disabled="!isMobileValid">提交</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mobile: '',
    }
  },
  computed: {
    isMobileValid() {
      const regex = /^1[0-9]{10}$/
      return regex.test(this.mobile)
    },
  },
}
</script>