手册版本 V6.0
组件介绍
gui-area-picker 地区联动选择组件可以实现省市区三级地区联动选择。
地区数据
级联数据以 .js 文件形式存储在 :
Grace6/data/city-data/province.js // 省 Grace6/data/city-data/city.js // 市 Grace6/data/city-data/area.js // 区
如项目需要对数据或者组件进行修改，请复制一份组件及数据文件，然后改成自己的组件调用（ 这样不影响框架升级 ）。
组件名称
gui-area-picker : GraceUI 组件目录/gui-area-picker
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| cancelText | String | 取消 | 取消按钮文本 |
| cancelClass | Array | ['gui-color-gray'] | 取消按钮样式 |
| confirmText | String | 确定 | 确定按钮文本 |
| confirmClass | Array | ['gui-primary-color'] | 确定按钮样式 |
| value | Array | ['', '', ''] | 默认值 |
| level | Number | 3 | 联动层级 1-3 |
| height | Number | 550 | 核心区域高度 |
| zIndex | Number | 1000 | 弹窗 z-index 值 |
组件方法
01. open() 打开组件
02. close() 关闭组件
组件事件
@confirm 用户选定地区后触发，携带数据 :
对象形式的选择地区数据，格式 :
{"codes":["620000","620300","620321"],"names":["甘肃省","金昌市","永昌县"],"indexs":[27,2,1]}
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
