vue3登录手机号码验证

在Vue 3中，你可以使用正则表达式来验证手机号码。下面是一个简单的示例：

<template>
  <div>
    <input type="text" v-model="phoneNumber" placeholder="请输入手机号码">
    <button @click="validatePhoneNumber">验证</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phoneNumber: ''
    }
  },
  methods: {
    validatePhoneNumber() {
      // 手机号码的正则表达式
      const reg = /^1[3456789]\d{9}$/;
      
      if (reg.test(this.phoneNumber)) {
        alert('手机号码验证通过');
      } else {
        alert('请输入有效的手机号码');
      }
    }
  }
}
</script>

在上面的示例中，我们使用 `v-model` 指令将输入框的值绑定到 `phoneNumber` 变量上。然后，在 `validatePhoneNumber` 方法中，我们使用正则表达式 `^1[3456789]\d{9}$` 进行手机号码的验证。如果验证通过，则弹出提示框显示验证通过，否则显示请输入有效的手机号码。

注意：这只是一个简单的示例，实际的手机号码验证可能更复杂，需要根据具体的业务需求进行调整。