regionData是省市区三级联动数据(不带“全部”选项) provinceAndCityDataPlus是省市二级联动数据(带“全部”选项) regionDataPlus是省市区三级联动数据(带“全部”选项) 编码跟中文之间转行: CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText[‘110000’]输出北京市 TextToCode是个大对象,属性是...
除了上面的 element-china-area-data 第三方组件,还有一个v-region的省市区街道的组件也做的不错,地址是:https://github.com/TerryZ/v-region 。 它的主要特点是支持 “省/直辖市”、“市”、“区/县”、“乡/镇/街道” 4级行政区域选择,可以选择Select的方式,或者分组方式展示,功能比较多样化一些。 或者:...
areaInfo.label : ''; } //示例:将区域码'110000'转换成汉字 const areaCode = '110000'; const areaName = convertAreaCodeToChinese(areaCode); console.log(`${areaCode}对应的汉字是:${areaName}`); ``` 请注意,`element-china-area-data`中的数据结构可能随版本变化而变化,因此请根据你使用的具体...
2.按需导入:import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data' provinceAndCityData是省市二级联动数据(不带“全部”选项) regionData是省市区三级联动数据(不带“全部”选项) provinceAndCityDataPlus是省市区三级联动数...
provinceAndCityDataPlus是省市⼆级联动数据（带“全部”选项）regionDataPlus是省市区三级联动数据（带“全部”选项）编码跟中⽂之间转⾏： CodeToText是个⼤对象，属性是区域码，属性值是汉字⽤法例如：CodeToText[‘110000’]输出北京市 TextToCode是个⼤对象，属性是汉字，属性值是区域码⽤法...
demo环境是SpringBoot+Vue+elementUI，开发工具是idea，有涉及到省市区三级联动选择器，网上查找了下，发现了这款和elementUI相匹配的element-china-area-data，这样的话样式什么的就不用担心会很丑，也不需要调，最主要是还可以直接获取到省市区编码，都不用通过后台接口转换。于是就撸起袖子，满心欢喜的整进来。效...
demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。效果如文...
附上链接:https://www.npmjs.com/package/element-china-area-data 使用方法: 1、provinceAndCityData是省市二级联动数据(不带“全部”选项) 2、regionData是省市区三级联动数据(不带“全部”选项) 3、provinceAndCityDataPlus是省市区三级联动数据(带“全部”选项) ...
1、基于element-china-area-data 第三方组件的使用 2、基于v-region控件省市区街道选择组件 3、自定义省市区的组件 在很多应用中,往往都涉及到记录用户所在省份、城市、区县或者街道等信息,一般我们可以通过联动的Select或者类似的界面组件...
npm install element-china-area-data-S 1.provinceAndCityData是省市二级联动数据(不带“全部”选项) 2.provinceAndCityDataPlus是省市二级级联动数据(带“全部”选项) 3.regionData是省市区三级联动数据(不带“全部”选项) 4.regionDataPlus是省市区三级联动数据(带“全部”选项) ...