reagent_manage/docs/frontend/components/region-selector.md

行政区划选择器

目前分 树型 和 选项卡型 两种，由于 树型 不完善，所以这里只介绍 选项卡型，有兴趣的可以查看源码@/components/RegionSelector/Tree。

由于行政区划数据在本项目中是公共数据，所以使用了vuex来存放，如果不想用vuex但又想拿到别的项目里用，可以自己改造一下。

引入：

@/components/RegionSelector

使用：

<region-selector v-model="value"/>

行政区划的数据模型可以查看public/static/json/region-pcas.json，这是精确到街道的数据，由此获取。

RegionSelector Attributes：

参数	说明	类型	默认
type	选择器类型，tab / tree	string	'tab'
value / v-model	绑定值	string / array	-
readonly	是否只读，等同于el-select的disabled	boolean	-
size	大小，等同于el-select的size	string	-
getChildrenOnSelect	在确认选择时是否连同子级一起获取	boolean	-
limit	是否需要剪枝	boolean	-
limitApi	获取剪枝数据的api	function	-
separation	分隔号	string	','

RegionSelector Events：

事件名称	说明	回调参数
clear	等同于el-select的clear	-
select	确定选择时触发	(node,idArray)

::: tip value 为 string 时支持被 separation 所连接的汉字或者数字，比如可以是 北京市，东城区 ，也可以是 北京市，110101。 为 array 时，数组里的每一项除了支持上面的形式外，还支持 {id:'11',...}、{name:'北京市',...} 这两种。

使用 v-model 时，不管初始传入的数据是什么样的，最终都会返回 北京市，东城区 这样的字符串。 :::