Element ui级联地址省市区插件

Posted 2020-10-16 兔子先生

安装

npm install element-china-area-data -S

使用

import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from \'element-china-area-data\'

1. provinceAndCityData是省市二级联动数据（不带“全部”选项）
2. regionData是省市区三级联动数据（不带“全部”选项）
3. provinceAndCityDataPlus是省市区三级联动数据（带“全部”选项）
4. regionDataPlus是省市区三级联动数据（带“全部”选项）
5. "全部"选项绑定的value是空字符串""
6. CodeToText是个大对象，属性是区域码，属性值是汉字 用法例如：CodeToText[\'110000\']输出北京市
7. TextToCode是个大对象，属性是汉字，属性值是区域码 用法例如：TextToCode[\'北京市\'].code输出110000,TextToCode[\'北京市\'][\'市辖区\'].code输出110100,TextToCode[\'北京市\'][\'市辖区\'][\'朝阳区\'].code输出110105

 

在需要使用级联页面的js中按需引入就行了，比如：

 

实例

 

 

 

注：选择完成之后，它最后的值其实是一个区域码，并不是文字，需要自己用CodeToText处理数据，上面有使用说明

 

官方文档：https://www.npmjs.com/package/element-china-area-data