省市区选择器

用于在弹窗中选择省市区的组件。

TIP

建议使用 element-ui 的省市区数据。

npm install element-china-area-data -S

import { regionData } from "element-china-area-data";

属性

名称	类型	默认值	说明
regionData	Array	-	省市区数据，省数据的 children 表示该省下的市列表，市数据的 children 表示该市下的区县数据
values	Array	-	默认选中的值数组，对应选项的 "value" 字段
labelKey	String	label	列数据中，每个对象的键名，用于显示选项的文本
valueKey	String	value	列数据中，每个对象的键名，用于获取选项的值
rowHeight	Number	3em	选项的高度
rows	Number	8	显示的行数
columns	Number	3	显示的列数，3列显示完整的省市区，2列显示省市，1列只显示省
...	...	...	pure-popup 的配置，参考

事件

名称	参数	说明
@onClose	-	关闭事件
@onConfirm	data: Object	确认事件，参数见下方说明
@onCancel	-	取消事件
@onNot	-	Header 左侧按钮事件
@onOk	data: Object	Header 右侧按钮事件，参数见下方说明
@onChange	data: Object	切换事件，参数见下方说明

data 参数

名称	类型	说明
indexes	Array	选中的下标数组，对应 regionData 中的下标
values	Array	选中的值数组，对应选项的 "value" 字段
province	Object	选中的省份数据
city	Object	选中的城市数据
district	Object	选中的区县数据

插槽

名称	参数	说明
...	...	pure-popup 的插槽，参考