最近在项目中遇到有一些客户不需要市辖区要求改成对应的城市名称,所以对 element-china-area-data@5.0.2 做了一下调整。
安装
npm install element-china-area-data -S
修改数据
安装完成之后,找到的app.js和app.commonjs.js
node_modules\element-china-area-data\dist\app.js
node_modules\element-china-area-data\dist\app.commonjs.js
原数据
修改之后数据
二级数据修改市辖区、三级数据删除市辖区
注意:删除错误之后会导致无法加载
使用
provinceAndCityData
是省市二级联动数据(不带“全部”选项)regionData
是省市区三级联动数据(不带“全部”选项)provinceAndCityDataPlus
是省市区三级联动数据(带“全部”选项)regionDataPlus
是省市区三级联动数据(带“全部”选项)- "全部"选项绑定的value是空字符串
""
CodeToText
是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText['110000']
输出北京市
TextToCode
是个大对象,属性是汉字,属性值是区域码 用法例如:TextToCode['北京市'].code
输出110000
,TextToCode['北京市']['市辖区'].code
输出110100
,TextToCode['北京市']['市辖区']['朝阳区'].code
输出110105
import { regionData, CodeToText } from '@/components/element-china-area-data@5.0.2/app.js'