更新记录
1.0.0(2025-08-29)
下载此版本
一款功能强大、高性能的选择器组件,内置中国省市区数据,详尽的文档和示例
平台兼容性
uni-app(4.07)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
uni-app x(4.07)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
其他
使用案例
<template>
<view class="content">
<j-picker-address @select="handleSelect">
<view>
{{selectedText?selectedText:'请选择省市区'}}
</view>
</j-picker-address>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
addressData: {
province: '', //省
city: '', //市
area: '', //区
province_adcode: '',//省adcode
city_adcode: '',//市adcode
area_adcode: '',//区adcode
},
selectedText: ''
}
},
methods: {
handleSelect(addressData, selectedText) {
this.addressData = addressData;
this.selectedText = selectedText
}
}
}
</script>
<style>
.content {
text-align: center;
margin-top: 50rpx;
}
</style>
API
事件名称 |
说明 |
回调参数 |
select |
选择省市区回调 |
function({ addressData, selectedText }) |