region-selector (全屏遮罩层式)
Have full functionality to choose the region u want, but my want is yours, temporarily, lol.
🤟🌟🥴🤠🤸🤺🤾🧟♂️🧛🏿♂️🧙♂️👨🎤🌳🏅
数据来源 (正规渠道，最新数据，每次更新都获取这里的数据)
http://www.mca.gov.cn/article/sj/xzqh/2019/201901-06/201906211421.html
暂定功能
可自定义热门城市 ❌
支持城市可多选(省，区县暂不支持) ✅
提供搜索 ✅
使用方式 (当前版本5.1.1)
npm install region-selector ---save
Vue.use(regionSelector)
<regionSelector></regionSelector>
2019.8.21
功能一 (选择省/市/区)
功能二 (设置初始化数据)
2019.8.22
功能三 (搜索省/市/区)
2019.8.25
功能四 (切换选择模式: 省/市(可多选)/区)
2019.11.27
新增全国选项
自定义属性
| 属性名 | 数据格式 | 默认值 | 说明 |
|---|---|---|---|
| selected | String 或 Array(表示多选，仅在城市选择的多选模式下才能完全匹配，否则默认匹配第一个值) | '' | 1、初始化的值与当前的选择模式相匹配(比如初始值为城市的code在选择模式为区的情况下无效) 2、可以为城市选择的多选模式提供一个城市code 数组，如果城市列表中不包含数组中的值会被自动过滤掉 |
| search | Boolean | false | 调用搜索框 |
| areaGet | Boolean | true | 默认选择到区域，如设置了省或市模式，则会被显示为省模式或市模式 |
| cityGet | Boolean | false | 选择到城市，如果同时设置了省，则会显示为省模式 |
| provinceGet | Boolean | false | 选择到省份 |
| multipleCity | Boolean | false | 城市多选，如果需要使用此属性,必须启用市模式(设置cityGet = true)，且provinceGet不能为true |
| fullrange | Boolean | false | 无区域限制选择，在设置的选择范围内选择更上一级的值，例如设置的选择为cityGet,可选择省或市的值，设置的是areaGet,则可选择省或市或区，注意:multpleCity属性 必须为false |
自定义方法
| 方法名 | 返回值 | 说明 |
|---|---|---|
| cRegion | { province: {code: '000000', 'name': '省'}city: {code: '000000', 'name': '市'}area: {code: '000000', 'name': '区'} } |
返回完整的省份数据，城市数据和区域数据, 在城市的多选模式下，city属性返回的是city数组 |