更新记录

1.0.5（2025-06-12） 下载此版本

flx

1.0.4（2025-06-12） 下载此版本

flx

1.0.3（2025-06-12） 下载此版本

flx

平台兼容性

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'），如果一个区号有多个国家，则会优先匹配表中的第一个（如加拿大/美国等，二次选择时会精确到 code）。
• 搜索支持中文、英文、区号、ISO 国家码。
• 国旗图片路径默认 /static/flags/xx.png，可根据实际项目调整。