更新记录
1.0.0(2024-12-26)
下载此版本
1、城市数据本地化;
2、省市区三级联动;
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
省市区城市选择下拉
组件名:jz-city-picker
代码块:
<jzDataPicker
popup-title="请选择所在地区"
collection="city"
v-model="userInfoR.city"
:clearIcon="false"
:border="false"
field="code as value,name as text"
:step-searh="true"
self-field="code"
parent-field="parent_code"
@nodeclick="nodeClick"></jzDataPicker>
原组件文档
Countdown Props
| 属性名 |
类型 |
默认值 |
说明 |
| collection |
string |
city |
目前仅提供city数据,也可自己添加数据到city.js |
| v-model |
Array |
|
仅数据回填使用,选择后需使用nodeclick会写数据,例如['0','0','0'] |
| readonly |
Boolean |
false |
是否禁用 |
| clear-icon |
Boolean |
true |
是否显示清除按钮 |
| ellipsis |
Boolean |
true |
是否隐藏 tab 标签过长的文本 |
| step-searh |
Boolean |
true |
分步筛选时,点击节点拉数据 |
| self-field |
String |
code |
分步筛选时当前字段名称 |
| parent-field |
String |
parent_code |
分步筛选时父字段名称 |
| field |
String |
- |
字段替换,内部用spilt(' as ')分割 |
| popup-title |
String |
- |
弹出层标题 |
Countdown Events
| 事件称名 |
返回值 |
说明 |
| @nodeclick |
current,all |
选择结束后除法,返回2个数据:当前选择和所有数据; |
| @popupopened |
EventHandle |
弹出层弹出时触发 |
| @popupclosed |
EventHandle |
弹出层关闭时触发 |