更新记录
1.0.0(2025-07-02)
下载此版本
城市选择器 V1.0.0
平台兼容性
uni-app(4.54)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
城市选择器组件文档
安装与使用
1.组件引入
import CitySelector from '@/components/CitySelector.vue'
export default {
components: {
CitySelector
}
}
2.数据格式要求
[
{
"code": "110000",
"name": "北京市",
"children": [
{
"code": "110100",
"name": "市辖区",
"children": [
{"code": "110101", "name": "东城区"},
{"code": "110102", "name": "西城区"}
]
}
]
}
]
3.基本使用
<city-selector
:city-data="cityData"
@address-selected="handleAddress"
/>
组件API
Props
参数 |
类型 |
必填 |
说明 |
city-data |
Array |
是 |
城市数据 |
Events
事件名 |
参数 |
说明 |
address-selected |
{province, city, district} |
地址选择完成事件 |