Ant Design Vue 手机号输入框

Ant Design Vue 提供了一个方便的手机号码输入框组件，它基于原生的 `<input type="tel">` 元素，并针对移动端做了优化。这个组件通常用于收集用户的手机号码信息，支持键盘自动切换到数字模式，以及一些预设的验证规则，例如常见电话号码格式的校验。

在 Ant Design Vue 中，你可以像下面这样使用手机号码输入框：

<template>
  <a-input v-model="phoneNumber" placeholder="请输入手机号" type="tel">
    <!-- 可选：自定义提示信息 -->
    <span slot="prefix">+86</span>
  </a-input>
</template>

<script>
export default {
  data() {
    return {
      phoneNumber: '',
    };
  },
};
</script>

在这个例子中，`v-model` 绑定了数据属性 `phoneNumber`，当用户输入内容时，数据会实时更新。`slot="prefix"` 属性允许你在输入框前添加额外的内容，如国家代码。