更新记录

1.0.1(2022-07-02) 下载此版本

修复上个版本样式不生效的情况

1.0.0(2022-06-24) 下载此版本

简单的仿照飞书app-审批下的省市区选择器封装的组件,功能比较简单,就是展示形式和操作逻辑不同。


平台兼容性

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

关于兼容性:主要为了在微信小程序中使用,不是为了通用性而封装的,也没时间验证其他平台,所以严谨起见,其他平台均选的不确定,所以显示“X”号。

组件中借用了 uview2.0 的 u-picker 和 u-cell 组件,记得在项目中引用一下。

组件关键逻辑在 picker.vue(指代 rrrrroy-address-picker.vue) 中,是个弹出框,可根据自身需要单独引用,下面介绍的主要是 picker 组件的属性及事件。

index.vue 只是用作容器承接和将选择的数据按“/"拼接展示。

picker 属性

名称 功能 默认值 备注
title 弹出框的标题
value 初始选中/回显的数组 []
resetField 可自定义读取数据的结构,包括 key,value,children {value: 'value',label: 'label',parent: 'parent'} 包括 value 回显的结构和省市区数据结构

picker 事件

名称 功能 返回值
change 选择回调 [{value: '130000',label: '河北',parent: '0'},{value: '130100',label: '石家庄市',parent: '130000'},{value: '130102',label: '长安区',parent: '130100'}]

主要是提供思路,可根据自身需要修改代码即可。

隐私、权限声明

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

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

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

许可协议

MIT协议

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