东莞企石到咸阳三原县物流专线
时间：2025-06-25 04:40:14 编辑：翡翠原石网 访问：849
，微信公众号：前端程序猿之路 关注可了解更多的前端知识，反馈问题或建议，请公众号留言; 如果你觉得公众号内容对你有帮助，欢迎关注并转载[^1] vue实现Element-ui 省市区三级联动+市辖区修改 1.安装 npm install element-china-area-data -S 1 2.说
，1.实现效果 2.实现步骤 首先引入地址json数据，省市区，三级联动，该demo展示省市两级联动，三级联动同理。 样式可以进行自定义。 ，话不多说，直接上代码 ，说明： 1、数据来源于统计局官网网站 2、数据包含省市区三级区划代码 3、不含港澳台 在做三级索引时，省代码可以取前2位，市代码取前4位 省信息： 北京市 - 110000 市信息： 市辖区 - 110100 城市信息： 东城区 - 110101 城市信息： 西城区 - 110102 城市信息： ，我这里找了一个json格式的数据，直接放在前端项目的文件夹下，这里粘贴出来 pca.json文件内容 {"北京市":{"市辖区":["东城区","西城区","朝阳区","丰台区","石景山区","海淀区","门头沟区","房山区","通州区","顺义区","昌平区","大兴区","怀柔区","平谷区 ，项目上用到省市区数据，在网上找了统计局2019年的数据 http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/index.html 我把数据处理了一下，改成了树形结构，可以直接用在vant的Cascader 级联选择上 [{"text":"北 ，