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
npm install region-selector ---save
Vue.use(regionSelector)
<regionSelector></regionSelector>
| 属性名 | 数据格式 | 默认值 | 说明 |
|---|---|---|---|
| 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数组 |