vant手机号码验证

Vant是一款基于Vue.js的移动端组件库，提供了丰富的组件和功能，包括手机号码验证。下面是一个使用Vant进行手机号码验证的示例：

<template>
  <van-cell-group>
    <van-field
      v-model="phone"
      label="手机号码"
      placeholder="请输入手机号码"
      :rules="phoneRules"
      error-message="手机号码格式不正确"
    />
  </van-cell-group>
</template>

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

在上面的示例中，我们使用了Vant的`van-field`组件来实现手机号码的输入和验证。通过`v-model`指令将输入的手机号码绑定到`phone`变量上，然后通过`rules`属性设置手机号码的验证规则。在这个示例中，我们使用了正则表达式`/^1[3456789]\d{9}$/`来验证手机号码的格式是否正确。

如果手机号码格式不正确，Vant会自动显示错误提示信息`手机号码格式不正确`。