更新记录

1.0.0（2024-12-26） 下载此版本

1、城市数据本地化； 2、省市区三级联动；

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

省市区城市选择下拉

组件名：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 弹出层关闭时触发

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...