5.1.1 • Published 4 years ago

region-selector v5.1.1

Weekly downloads
6
License
MIT
Repository
github
Last release
4 years ago

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

新增全国选项

自定义属性

属性名数据格式默认值说明
selectedString 或 Array(表示多选,仅在城市选择的多选模式下才能完全匹配,否则默认匹配第一个值)''1、初始化的值与当前的选择模式相匹配(比如初始值为城市的code在选择模式为区的情况下无效) 2、可以为城市选择的多选模式提供一个城市code 数组,如果城市列表中不包含数组中的值会被自动过滤掉
searchBooleanfalse调用搜索框
areaGetBooleantrue默认选择到区域,如设置了省或市模式,则会被显示为省模式或市模式
cityGetBooleanfalse选择到城市,如果同时设置了省,则会显示为省模式
provinceGetBooleanfalse选择到省份
multipleCityBooleanfalse城市多选,如果需要使用此属性,必须启用市模式(设置cityGet = true),且provinceGet不能为true
fullrangeBooleanfalse无区域限制选择,在设置的选择范围内选择更上一级的值,例如设置的选择为cityGet,可选择省或市的值,设置的是areaGet,则可选择省或市或区,注意:multpleCity属性 必须为false

自定义方法

方法名返回值说明
cRegion{   province: {code: '000000', 'name': '省'}  city: {code: '000000', 'name': '市'}  area: {code: '000000', 'name': '区'} }返回完整的省份数据,城市数据和区域数据, 在城市的多选模式下,city属性返回的是city数组
5.1.1

4 years ago

4.4.4

4 years ago

3.3.1

4 years ago

3.2.4

4 years ago

4.3.1

4 years ago

3.2.3

4 years ago

3.2.2

4 years ago

3.2.0

5 years ago

3.1.0

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

2.9.9

5 years ago

2.9.8

5 years ago

2.9.7

5 years ago

2.9.6

5 years ago

2.9.3

5 years ago

2.9.2

5 years ago

2.9.1

5 years ago

2.9.0

5 years ago

2.8.9

5 years ago

2.8.8

5 years ago

2.8.0

5 years ago

1.8.0

5 years ago

2.4.0

5 years ago

2.3.0

5 years ago

2.2.2

5 years ago

2.2.0

5 years ago

2.0.0

5 years ago

1.1.0

5 years ago

1.0.0

5 years ago