关于element-china-area-data缺失港澳台地区数据

最新推荐文章于 2025-04-03 18:01:04 发布

雨季～～

最新推荐文章于 2025-04-03 18:01:04 发布

阅读量1.2k

点赞数 12

分类专栏： vue 文章标签： html5 vue elementui

本文链接：https://blog.youkuaiyun.com/Terenceno/article/details/136226238

版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在项目中通过element-ui的级联选择组件实现地区选择，解决因默认版本6.0以上缺失港澳台地区数据的问题，通过降级至^5.0.2版本以包含这些地区数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中需要使用到地区选择，我通过使用element-ui的级联选择组件，并引入element-china-area-data地区数据进行实现

安装

pnpm install element-china-area-data

默认安装后，安装版本为6.0以上，产品发现缺失港澳台地区数据，并且非要加上，于是把版本降低到^5.0.2，港澳台地区数据恢复。

使用

import { regionData, CodeToText, TextToCode } from 'element-china-area-data
//将regionData数据绑定到级联选择器上即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雨季～～

关注关注

12
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

29.ElementUI省市区组件之element-china-area-data 使用

weixin_43159673的博客

08-28

1267

element-china-area-data 地理位置信息的使用

2.vue中element-china-area-data依赖和element-plus级联选择器构建省市区三级联动

yangyangdt的博客

01-27

2620

vue中element-china-area-data依赖和element-plus级联选择器构建省市区三级联动

1 条评论您还未登录，请先登录后发表或查看评论

Vue插件element-plus-china-area全国行政区联动(含港澳台)

の博客

10-31

1142

【代码】Vue插件element-plus-china-area全国行政区联动(含港澳台)

制作省市区三级数据 js插件：element-china-area-data

Blues_han的博客

08-10

997

地区三级联动、中国地区、省市区

vue2使用element-china-area-data实现省市区联动选择使用Element UI 中国省市区级联数据

最新发布

2303_76675983的博客

04-03

473

第一步安装库 element-china-area-data。需求，二级联动，只显示省和市。结构参数不是自定义的。

vue3使用element-china-area-data报错Cannot find module ‘element-china-area-data‘ or its corresponding typ

姥姥家的饭

03-29

1875

这个错误提示意味着代码中引用的模块 element-china-area-data 无法被找到，或者缺少类型声明文件。这通常是因为该模块没有被安装，或者安装的方式不正确。这样 TypeScript 就会把 element-china-area-data 当做一个无类型声明的模块来处理，但是可以避免出现编译错误。如果模块没有提供类型声明文件，可以手动创建一个类型声明文件。在项目根目录下创建一个名为。关于用TS使用没有规范类型的插件大家可以用这个思路解决问题～～

vue 城市选择器（省市区）的使用 element-china-area-data报错

小韩要快乐！

05-09

4260

插件官网：https://www.npmjs.com/package/element-china-area-data1. 安装 2. script引用用 regionData是省市区三级联动数据（不带“全部”选项） CodeToText是个大对象，属性是区域码，属性值是汉字用法例如：CodeToText[‘110000’]输出北京市 extToCode是个大对象，属性是汉字，属性值是区域码用法例如：TextToCode[‘北京市’].code输出110000,TextToCode[‘北京市’][‘市辖区

vue加载Element ui地址省市区插件-- element-china-area-data

weixin_39895428的博客

09-23

1263

1、安装 npm install element-china-area-data -S 2、使用(引入） import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from ‘element-china-area-data‘ 说明： provinceAndCityData是省市二级联动数据（不带“全部”选项） regionData是省市区三级联动数

vue3 使用 element-china-area-data 实现地区选择器

weixin_45816407的博客

08-09

3868

codeToText是个大对象，属性是区域码，属性值是汉字用法例如：codeToText[‘110000’]输出北京市。provinceAndCityData省市二级联动数据,汉字+code。pcaTextArr省市区联动数据，纯汉字。regionData省市区三级联动数据。pcTextArr省市联动数据，纯汉字。我引用的是v6版本，组件有改动。省市区三级联动，纯汉字。

element-china-area-data@5.0.2.zip

07-28

"element-china-area-data@5.0.2.zip" 是一个针对Element UI的特定扩展，提供了中国所有省份、城市和区县的数据。这个压缩包的版本号为5.0.2，意味着它是基于某个稳定版本进行更新和维护的。这个数据集包含了中国...

element-china-area-data：Element UI && antd Cascader级联选择器中国省市区三级，二级联动optiondata

02-06

import { provinceAndCityData , regionData , provinceAndCityDataPlus , regionDataPlus , CodeToText , TextToCode } from 'element-china-area-data' 服务端用法： const { provinceAndCityData , regionData ,...

使用ElementUI和element-china-area-data库实现省市区三级联动组件封装

liyananweb的博客

07-18

1303

通过这篇文章，我们学习了如何使用Vue.js和ElementUI，结合element-china-area-data库，实现一个省市区三级联动的组件。这个组件不仅可以提高用户体验，还能大大简化我们的代码。希望这篇文章对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言。多模型AI聚合平台，AI模型换着用，立即体验 👉:AI多模型聚合平台。

vue 中国城市选择器的使用 element-china-area-data

lovecoding1的博客

04-23

1万+

vue 中国城市选择器的使用 element-china-area-data

Vue中省市区级联地址选择插件(element-china-area-data,有坑)

迷雾总会解

07-14

4798

安装 npm install element-china-area-data -S 全部导入 import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data' provinceAndCityData是省市二级联动数据（不带“全部”选项） regionData是省市区三级联动数据（不带“全

VUE中使用element-china-area-data

FellAsleep的博客

04-22

2978

数据示例：codeStr=‘110000,110100,110101’, codeArray=[110000,110100,110101]TextToCode[‘北京市’] [‘市辖区’] [‘朝阳区’].code输出110105。TextToCode[‘北京市’] [‘市辖区’].code输出110100,①regionData是省市区三级联动数据（不带“全部”选项）②CodeToText是个大对象，属性是区域码，属性值是汉字。③textToCode是个大对象，属性是汉字，属性值是区域码。

数据不全，是2016前的数据，area-data 不建议使用【三级联动】基于vue使用element定义一个三级联动省市级选择器

AAAXiaoApple的博客

08-12

847

组件详细使用说明vue-area-linkage。1.引入中国省市区数据(含港澳台)第一步:main.js中引用。

地区联动插件element-china-area-data的使用(支持vue2和vue3)