更新记录

1.0.10（2025-06-22） 下载此版本

更新文档说明

1.0.9（2025-06-22） 下载此版本

更新文档说明

1.0.8（2025-06-20） 下载此版本

修复自定义数据源无法生效

平台兼容性

uni-app

其他

aure-country-picker 国际区号选择组件

组件参数说明

基本用法

<template>
  <aure-country-picker
    v-model="selectedDialCode"
    :title="'选择国家/地区'"
    :height="'70%'"
    :width="'60vw'"
    :duration="350"
    :position="'bottom'"
    :round="true"
    :radius="'24rpx'"
    :mask-closable="true"
  ></aure-country-picker>
</template>
<script setup>
import { ref } from 'vue'
const selectedDialCode = ref('86')  // 默认中国区号
</script>

Props 参数

事件

数据源结构

每条数据结构如下（一般不用自定义）：

{
  name: "China",
  localName: "中国",
  dial_code: "86",
  code: "CN"
}

内置所有国际主流国家/地区，无需自定义，特殊需要时可传 :country-list="自定义数据"。

插槽

暂无自定义插槽（如需扩展可按实际需求自行 PR）。

典型用法场景

• 手机号输入注册登录，选择区号
• 绑定海外手机号
• 表单注册/认证场景的国际化

Tips：

• 组件根据 v-model（区号，如 '1'）自动选中对应国家/地区；若同一区号对应多个国家/地区（如加拿大 🇨🇦 和美国 🇺🇸 都是 +1），则会优先选中国家/地区列表中的第一个，或者根据传入的 defaultCountryCode 精确选中。
• 支持通过中文名、英文名、国际区号（如 +86）、ISO 国家码（如 US、CN）进行搜索。