GraceUI - 地区联动组件内数据转换成 element-china-area-data 的数据
1 // import provinceData from '../data/city-data/province.js'; 2 // import cityData from '../data/city-data/city.js'; 3 // import areaData from '../data/city-data/area.js'; 4 import { 5 regionData 6 } from 'element-china-area-data' 7 console.log(regionData) 8 let provinceData = [] 9 let cityData = [] 10 let areaData = [] 11 12 function getData(dataList) { 13 let arr = []; 14 (dataList || []).forEach(item => { 15 const { 16 label, 17 value 18 } = item 19 arr = [...arr, { 20 label, 21 value 22 }] 23 }) 24 return arr 25 }; 26 provinceData = getData(regionData); 27 (regionData || []).forEach((item, index) => { 28 cityData = [...cityData, getData(item.children)]; 29 areaData.push([]); 30 (item.children || []).forEach(child => { 31 areaData[index].push(getData(child.children || [])); 32 }) 33 }); 34 console.log(provinceData) 35 console.log(cityData) 36 console.log(areaData)
以上部分为修改内容,其它代码无需变动。
作者:胡倩倩0903
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
标签:
GraceUI 地区联动组件
posted on 2021-07-06 11:37 kitty20180903suzhou 阅读(409) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY