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