element.ui 省市级联选择器
原始数据
const obj= { "aa": { "110000": "北京市", "120000": "天津市", "130000": "河北省", "140000": "山西省", "150000": "内蒙古自治区", "210000": "辽宁省", "220000": "吉林省", "230000": "黑龙江省", "310000": "上海市", "320000": "江苏省", "330000": "浙江省", "340000": "安徽省", "350000": "福建省", "360000": "江西省", "370000": "山东省", "410000": "河南省", "420000": "湖北省", "430000": "湖南省", "440000": "广东省", "450000": "广西壮族自治区", "460000": "海南省", "500000": "重庆市", "510000": "四川省", "520000": "贵州省", "530000": "云南省", "540000": "西藏自治区", "610000": "陕西省", "620000": "甘肃省", "630000": "青海省", "640000": "宁夏回族自治区", "650000": "新疆维吾尔自治区", "710000": "台湾省", "810000": "香港特别行政区", "820000": "澳门特别行政区" }, "110000": { "110101": "东城区", "110102": "西城区", "110105": "朝阳区", "110106": "丰台区", "110107": "石景山区", "110108": "海淀区", "110109": "门头沟区", "110111": "房山区", "110112": "通州区", "110113": "顺义区", "110114": "昌平区", "110115": "大兴区", "110116": "怀柔区", "110117": "平谷区", "110118": "密云区", "110119": "延庆区" }, "120000": { "120101": "和平区", "120102": "河东区", "120103": "河西区", "120104": "南开区", "120105": "河北区", "120106": "红桥区", "120110": "东丽区", "120111": "西青区", "120112": "津南区", "120113": "北辰区", "120114": "武清区", "120115": "宝坻区", "120116": "滨海新区", "120117": "宁河区", "120118": "静海区", "120119": "蓟州区" }, "130000": { "130100": "石家庄市", "130200": "唐山市", "130300": "秦皇岛市", "130400": "邯郸市", "130500": "邢台市", "130600": "保定市", "130700": "张家口市", "130800": "承德市", "130900": "沧州市", "131000": "廊坊市", "131100": "衡水市", "139001": "定州市", "139002": "辛集市" }, "140000": { "140100": "太原市", "140200": "大同市", "140300": "阳泉市", "140400": "长治市", "140500": "晋城市", "140600": "朔州市", "140700": "晋中市", "140800": "运城市", "140900": "忻州市", "141000": "临汾市", "141100": "吕梁市" }, "150000": { "150100": "呼和浩特市", "150200": "包头市", "150300": "乌海市", "150400": "赤峰市", "150500": "通辽市", "150600": "鄂尔多斯市", "150700": "呼伦贝尔市", "150800": "巴彦淖尔市", "150900": "乌兰察布市", "152200": "兴安盟", "152500": "锡林郭勒盟", "152900": "阿拉善盟" }, "210000": { "210100": "沈阳市", "210200": "大连市", "210300": "鞍山市", "210400": "抚顺市", "210500": "本溪市", "210600": "丹东市", "210700": "锦州市", "210800": "营口市", "210900": "阜新市", "211000": "辽阳市", "211100": "盘锦市", "211200": "铁岭市", "211300": "朝阳市", "211400": "葫芦岛市" }, "220000": { "220100": "长春市", "220200": "吉林市", "220300": "四平市", "220400": "辽源市", "220500": "通化市", "220600": "白山市", "220700": "松原市", "220800": "白城市", "222400": "延边朝鲜族自治州" }, "230000": { "230100": "哈尔滨市", "230200": "齐齐哈尔市", "230300": "鸡西市", "230400": "鹤岗市", "230500": "双鸭山市", "230600": "大庆市", "230700": "伊春市", "230800": "佳木斯市", "230900": "七台河市", "231000": "牡丹江市", "231100": "黑河市", "231200": "绥化市", "232700": "大兴安岭地区" }, "310000": { "310101": "黄浦区", "310104": "徐汇区", "310105": "长宁区", "310106": "静安区", "310107": "普陀区", "310109": "虹口区", "310110": "杨浦区", "310112": "闵行区", "310113": "宝山区", "310114": "嘉定区", "310115": "浦东新区", "310116": "金山区", "310117": "松江区", "310118": "青浦区", "310120": "奉贤区", "310151": "崇明区" }, "320000": { "320100": "南京市", "320200": "无锡市", "320300": "徐州市", "320400": "常州市", "320500": "苏州市", "320600": "南通市", "320700": "连云港市", "320800": "淮安市", "320900": "盐城市", "321000": "扬州市", "321100": "镇江市", "321200": "泰州市", "321300": "宿迁市" }, "330000": { "330100": "杭州市", "330200": "宁波市", "330300": "温州市", "330400": "嘉兴市", "330500": "湖州市", "330600": "绍兴市", "330700": "金华市", "330800": "衢州市", "330900": "舟山市", "331000": "台州市", "331100": "丽水市" }, "340000": { "340100": "合肥市", "340200": "芜湖市", "340300": "蚌埠市", "340400": "淮南市", "340500": "马鞍山市", "340600": "淮北市", "340700": "铜陵市", "340800": "安庆市", "341000": "黄山市", "341100": "滁州市", "341200": "阜阳市", "341300": "宿州市", "341500": "六安市", "341600": "亳州市", "341700": "池州市", "341800": "宣城市" }, "350000": { "350100": "福州市", "350200": "厦门市", "350300": "莆田市", "350400": "三明市", "350500": "泉州市", "350600": "漳州市", "350700": "南平市", "350800": "龙岩市", "350900": "宁德市" }, "360000": { "360100": "南昌市", "360200": "景德镇市", "360300": "萍乡市", "360400": "九江市", "360500": "新余市", "360600": "鹰潭市", "360700": "赣州市", "360800": "吉安市", "360900": "宜春市", "361000": "抚州市", "361100": "上饶市" }, "370000": { "370100": "济南市", "370200": "青岛市", "370300": "淄博市", "370400": "枣庄市", "370500": "东营市", "370600": "烟台市", "370700": "潍坊市", "370800": "济宁市", "370900": "泰安市", "371000": "威海市", "371100": "日照市", "371200": "莱芜市", "371300": "临沂市", "371400": "德州市", "371500": "聊城市", "371600": "滨州市", "371700": "菏泽市" }, "410000": { "410100": "郑州市", "410200": "开封市", "410300": "洛阳市", "410400": "平顶山市", "410500": "安阳市", "410600": "鹤壁市", "410700": "新乡市", "410800": "焦作市", "410900": "濮阳市", "411000": "许昌市", "411100": "漯河市", "411200": "三门峡市", "411300": "南阳市", "411400": "商丘市", "411500": "信阳市", "411600": "周口市", "411700": "驻马店市", "419001": "济源市" }, "420000": { "420100": "武汉市", "420200": "黄石市", "420300": "十堰市", "420500": "宜昌市", "420600": "襄阳市", "420700": "鄂州市", "420800": "荆门市", "420900": "孝感市", "421000": "荆州市", "421100": "黄冈市", "421200": "咸宁市", "421300": "随州市", "422800": "恩施土家族苗族自治州", "429004": "仙桃市", "429005": "潜江市", "429006": "天门市", "429021": "神农架林区" }, "430000": { "430100": "长沙市", "430200": "株洲市", "430300": "湘潭市", "430400": "衡阳市", "430500": "邵阳市", "430600": "岳阳市", "430700": "常德市", "430800": "张家界市", "430900": "益阳市", "431000": "郴州市", "431100": "永州市", "431200": "怀化市", "431300": "娄底市", "433100": "湘西土家族苗族自治州" }, "440000": { "440100": "广州市", "440200": "韶关市", "440300": "深圳市", "440400": "珠海市", "440500": "汕头市", "440600": "佛山市", "440700": "江门市", "440800": "湛江市", "440900": "茂名市", "441200": "肇庆市", "441300": "惠州市", "441400": "梅州市", "441500": "汕尾市", "441600": "河源市", "441700": "阳江市", "441800": "清远市", "441900": "东莞市", "442000": "中山市", "445100": "潮州市", "445200": "揭阳市", "445300": "云浮市" }, "450000": { "450100": "南宁市", "450200": "柳州市", "450300": "桂林市", "450400": "梧州市", "450500": "北海市", "450600": "防城港市", "450700": "钦州市", "450800": "贵港市", "450900": "玉林市", "451000": "百色市", "451100": "贺州市", "451200": "河池市", "451300": "来宾市", "451400": "崇左市" }, "460000": { "460100": "海口市", "460200": "三亚市", "460300": "三沙市", "460400": "儋州市", "469001": "五指山市", "469002": "琼海市", "469005": "文昌市", "469006": "万宁市", "469007": "东方市", "469021": "定安县", "469022": "屯昌县", "469023": "澄迈县", "469024": "临高县", "469025": "白沙黎族自治县", "469026": "昌江黎族自治县", "469027": "乐东黎族自治县", "469028": "陵水黎族自治县", "469029": "保亭黎族苗族自治县", "469030": "琼中黎族苗族自治县" }, "500000": { "500101": "万州区", "500102": "涪陵区", "500103": "渝中区", "500104": "大渡口区", "500105": "江北区", "500106": "沙坪坝区", "500107": "九龙坡区", "500108": "南岸区", "500109": "北碚区", "500110": "綦江区", "500111": "大足区", "500112": "渝北区", "500113": "巴南区", "500114": "黔江区", "500115": "长寿区", "500116": "江津区", "500117": "合川区", "500118": "永川区", "500119": "南川区", "500120": "璧山区", "500151": "铜梁区", "500152": "潼南区", "500153": "荣昌区", "500154": "开州区", "500228": "梁平县", "500229": "城口县", "500230": "丰都县", "500231": "垫江县", "500232": "武隆县", "500233": "忠县", "500235": "云阳县", "500236": "奉节县", "500237": "巫山县", "500238": "巫溪县", "500240": "石柱土家族自治县", "500241": "秀山土家族苗族自治县", "500242": "酉阳土家族苗族自治县", "500243": "彭水苗族土家族自治县" }, "510000": { "510100": "成都市", "510300": "自贡市", "510400": "攀枝花市", "510500": "泸州市", "510600": "德阳市", "510700": "绵阳市", "510800": "广元市", "510900": "遂宁市", "511000": "内江市", "511100": "乐山市", "511300": "南充市", "511400": "眉山市", "511500": "宜宾市", "511600": "广安市", "511700": "达州市", "511800": "雅安市", "511900": "巴中市", "512000": "资阳市", "513200": "阿坝藏族羌族自治州", "513300": "甘孜藏族自治州", "513400": "凉山彝族自治州" }, "520000": { "520100": "贵阳市", "520200": "六盘水市", "520300": "遵义市", "520400": "安顺市", "520500": "毕节市", "520600": "铜仁市", "522300": "黔西南布依族苗族自治州", "522600": "黔东南苗族侗族自治州", "522700": "黔南布依族苗族自治州" }, "530000": { "530100": "昆明市", "530300": "曲靖市", "530400": "玉溪市", "530500": "保山市", "530600": "昭通市", "530700": "丽江市", "530800": "普洱市", "530900": "临沧市", "532300": "楚雄彝族自治州", "532500": "红河哈尼族彝族自治州", "532600": "文山壮族苗族自治州", "532800": "西双版纳傣族自治州", "532900": "大理白族自治州", "533100": "德宏傣族景颇族自治州", "533300": "怒江傈僳族自治州", "533400": "迪庆藏族自治州" }, "540000": { "540100": "拉萨市", "540200": "日喀则市", "540300": "昌都市", "540400": "林芝市", "540500": "山南市", "542400": "那曲地区", "542500": "阿里地区" }, "610000": { "610100": "西安市", "610200": "铜川市", "610300": "宝鸡市", "610400": "咸阳市", "610500": "渭南市", "610600": "延安市", "610700": "汉中市", "610800": "榆林市", "610900": "安康市", "611000": "商洛市" }, "620000": { "620100": "兰州市", "620200": "嘉峪关市", "620300": "金昌市", "620400": "白银市", "620500": "天水市", "620600": "武威市", "620700": "张掖市", "620800": "平凉市", "620900": "酒泉市", "621000": "庆阳市", "621100": "定西市", "621200": "陇南市", "622900": "临夏回族自治州", "623000": "甘南藏族自治州" }, "630000": { "630100": "西宁市", "630200": "海东市", "632200": "海北藏族自治州", "632300": "黄南藏族自治州", "632500": "海南藏族自治州", "632600": "果洛藏族自治州", "632700": "玉树藏族自治州", "632800": "海西蒙古族藏族自治州" }, "640000": { "640100": "银川市", "640200": "石嘴山市", "640300": "吴忠市", "640400": "固原市", "640500": "中卫市" }, "650000": { "650100": "乌鲁木齐市", "650200": "克拉玛依市", "650400": "吐鲁番市", "650500": "哈密市", "652300": "昌吉回族自治州", "652700": "博尔塔拉蒙古自治州", "652800": "巴音郭楞蒙古自治州", "652900": "阿克苏地区", "653000": "克孜勒苏柯尔克孜自治州", "653100": "喀什地区", "653200": "和田地区", "654000": "伊犁哈萨克自治州", "654200": "塔城地区", "654300": "阿勒泰地区", "659001": "石河子市", "659002": "阿拉尔市", "659003": "图木舒克市", "659004": "五家渠市", "659006": "铁门关市" }, "710000": { "710101": "金门", "710102": "连江", "710103": "苗栗", "710104": "南投", "710105": "澎湖", "710106": "屏东", "710107": "台东", "710108": "台中", "710109": "台南", "710110": "台北", "710111": "桃园", "710112": "云林", "710113": "新北", "710114": "彰化", "710115": "嘉义", "710116": "新竹", "710117": "花莲", "710118": "宜兰", "710119": "高雄", "710120": "基隆" }, "810000": { "810101": "中西区", "810102": "东区", "810103": "九龙城区", "810104": "观塘区", "810105": "深水埗区", "810106": "湾仔区", "810107": "黄大仙区", "810108": "油尖旺区", "810109": "离岛区", "810110": "葵青区", "810111": "北区", "810112": "西贡区", "810113": "沙田区", "810114": "屯门区", "810115": "大埔区", "810116": "荃湾区", "810117": "元朗区", "810118": "香港", "810119": "九龙", "810120": "新界" }, "820000": { "820101": "离岛", "820102": "澳门半岛", "820103": "凼仔", "820104": "路凼城", "820105": "路环" } }
format函数
function format(){ const arr=[] const aa=obj.aa for(const key in aa){ // console.log("key", key) const tempObj={} tempObj.value=key tempObj.label=aa[key] const tempArr=[] const data=obj[key] // console.log("data", data) for(const key in data){ tempArr.push({value:key,label:data[key]}) } tempObj.children=tempArr arr.push(tempObj) } sessionStorage.setItem('a',JSON.stringify(arr)) } format()
转换后的数据
[ { "value": "110000", "label": "北京市", "children": [ { "value": "110101", "label": "东城区" }, { "value": "110102", "label": "西城区" }, { "value": "110105", "label": "朝阳区" }, { "value": "110106", "label": "丰台区" }, { "value": "110107", "label": "石景山区" }, { "value": "110108", "label": "海淀区" }, { "value": "110109", "label": "门头沟区" }, { "value": "110111", "label": "房山区" }, { "value": "110112", "label": "通州区" }, { "value": "110113", "label": "顺义区" }, { "value": "110114", "label": "昌平区" }, { "value": "110115", "label": "大兴区" }, { "value": "110116", "label": "怀柔区" }, { "value": "110117", "label": "平谷区" }, { "value": "110118", "label": "密云区" }, { "value": "110119", "label": "延庆区" } ] }, { "value": "120000", "label": "天津市", "children": [ { "value": "120101", "label": "和平区" }, { "value": "120102", "label": "河东区" }, { "value": "120103", "label": "河西区" }, { "value": "120104", "label": "南开区" }, { "value": "120105", "label": "河北区" }, { "value": "120106", "label": "红桥区" }, { "value": "120110", "label": "东丽区" }, { "value": "120111", "label": "西青区" }, { "value": "120112", "label": "津南区" }, { "value": "120113", "label": "北辰区" }, { "value": "120114", "label": "武清区" }, { "value": "120115", "label": "宝坻区" }, { "value": "120116", "label": "滨海新区" }, { "value": "120117", "label": "宁河区" }, { "value": "120118", "label": "静海区" }, { "value": "120119", "label": "蓟州区" } ] }, { "value": "130000", "label": "河北省", "children": [ { "value": "130100", "label": "石家庄市" }, { "value": "130200", "label": "唐山市" }, { "value": "130300", "label": "秦皇岛市" }, { "value": "130400", "label": "邯郸市" }, { "value": "130500", "label": "邢台市" }, { "value": "130600", "label": "保定市" }, { "value": "130700", "label": "张家口市" }, { "value": "130800", "label": "承德市" }, { "value": "130900", "label": "沧州市" }, { "value": "131000", "label": "廊坊市" }, { "value": "131100", "label": "衡水市" }, { "value": "139001", "label": "定州市" }, { "value": "139002", "label": "辛集市" } ] }, { "value": "140000", "label": "山西省", "children": [ { "value": "140100", "label": "太原市" }, { "value": "140200", "label": "大同市" }, { "value": "140300", "label": "阳泉市" }, { "value": "140400", "label": "长治市" }, { "value": "140500", "label": "晋城市" }, { "value": "140600", "label": "朔州市" }, { "value": "140700", "label": "晋中市" }, { "value": "140800", "label": "运城市" }, { "value": "140900", "label": "忻州市" }, { "value": "141000", "label": "临汾市" }, { "value": "141100", "label": "吕梁市" } ] }, { "value": "150000", "label": "内蒙古自治区", "children": [ { "value": "150100", "label": "呼和浩特市" }, { "value": "150200", "label": "包头市" }, { "value": "150300", "label": "乌海市" }, { "value": "150400", "label": "赤峰市" }, { "value": "150500", "label": "通辽市" }, { "value": "150600", "label": "鄂尔多斯市" }, { "value": "150700", "label": "呼伦贝尔市" }, { "value": "150800", "label": "巴彦淖尔市" }, { "value": "150900", "label": "乌兰察布市" }, { "value": "152200", "label": "兴安盟" }, { "value": "152500", "label": "锡林郭勒盟" }, { "value": "152900", "label": "阿拉善盟" } ] }, { "value": "210000", "label": "辽宁省", "children": [ { "value": "210100", "label": "沈阳市" }, { "value": "210200", "label": "大连市" }, { "value": "210300", "label": "鞍山市" }, { "value": "210400", "label": "抚顺市" }, { "value": "210500", "label": "本溪市" }, { "value": "210600", "label": "丹东市" }, { "value": "210700", "label": "锦州市" }, { "value": "210800", "label": "营口市" }, { "value": "210900", "label": "阜新市" }, { "value": "211000", "label": "辽阳市" }, { "value": "211100", "label": "盘锦市" }, { "value": "211200", "label": "铁岭市" }, { "value": "211300", "label": "朝阳市" }, { "value": "211400", "label": "葫芦岛市" } ] }, { "value": "220000", "label": "吉林省", "children": [ { "value": "220100", "label": "长春市" }, { "value": "220200", "label": "吉林市" }, { "value": "220300", "label": "四平市" }, { "value": "220400", "label": "辽源市" }, { "value": "220500", "label": "通化市" }, { "value": "220600", "label": "白山市" }, { "value": "220700", "label": "松原市" }, { "value": "220800", "label": "白城市" }, { "value": "222400", "label": "延边朝鲜族自治州" } ] }, { "value": "230000", "label": "黑龙江省", "children": [ { "value": "230100", "label": "哈尔滨市" }, { "value": "230200", "label": "齐齐哈尔市" }, { "value": "230300", "label": "鸡西市" }, { "value": "230400", "label": "鹤岗市" }, { "value": "230500", "label": "双鸭山市" }, { "value": "230600", "label": "大庆市" }, { "value": "230700", "label": "伊春市" }, { "value": "230800", "label": "佳木斯市" }, { "value": "230900", "label": "七台河市" }, { "value": "231000", "label": "牡丹江市" }, { "value": "231100", "label": "黑河市" }, { "value": "231200", "label": "绥化市" }, { "value": "232700", "label": "大兴安岭地区" } ] }, { "value": "310000", "label": "上海市", "children": [ { "value": "310101", "label": "黄浦区" }, { "value": "310104", "label": "徐汇区" }, { "value": "310105", "label": "长宁区" }, { "value": "310106", "label": "静安区" }, { "value": "310107", "label": "普陀区" }, { "value": "310109", "label": "虹口区" }, { "value": "310110", "label": "杨浦区" }, { "value": "310112", "label": "闵行区" }, { "value": "310113", "label": "宝山区" }, { "value": "310114", "label": "嘉定区" }, { "value": "310115", "label": "浦东新区" }, { "value": "310116", "label": "金山区" }, { "value": "310117", "label": "松江区" }, { "value": "310118", "label": "青浦区" }, { "value": "310120", "label": "奉贤区" }, { "value": "310151", "label": "崇明区" } ] }, { "value": "320000", "label": "江苏省", "children": [ { "value": "320100", "label": "南京市" }, { "value": "320200", "label": "无锡市" }, { "value": "320300", "label": "徐州市" }, { "value": "320400", "label": "常州市" }, { "value": "320500", "label": "苏州市" }, { "value": "320600", "label": "南通市" }, { "value": "320700", "label": "连云港市" }, { "value": "320800", "label": "淮安市" }, { "value": "320900", "label": "盐城市" }, { "value": "321000", "label": "扬州市" }, { "value": "321100", "label": "镇江市" }, { "value": "321200", "label": "泰州市" }, { "value": "321300", "label": "宿迁市" } ] }, { "value": "330000", "label": "浙江省", "children": [ { "value": "330100", "label": "杭州市" }, { "value": "330200", "label": "宁波市" }, { "value": "330300", "label": "温州市" }, { "value": "330400", "label": "嘉兴市" }, { "value": "330500", "label": "湖州市" }, { "value": "330600", "label": "绍兴市" }, { "value": "330700", "label": "金华市" }, { "value": "330800", "label": "衢州市" }, { "value": "330900", "label": "舟山市" }, { "value": "331000", "label": "台州市" }, { "value": "331100", "label": "丽水市" } ] }, { "value": "340000", "label": "安徽省", "children": [ { "value": "340100", "label": "合肥市" }, { "value": "340200", "label": "芜湖市" }, { "value": "340300", "label": "蚌埠市" }, { "value": "340400", "label": "淮南市" }, { "value": "340500", "label": "马鞍山市" }, { "value": "340600", "label": "淮北市" }, { "value": "340700", "label": "铜陵市" }, { "value": "340800", "label": "安庆市" }, { "value": "341000", "label": "黄山市" }, { "value": "341100", "label": "滁州市" }, { "value": "341200", "label": "阜阳市" }, { "value": "341300", "label": "宿州市" }, { "value": "341500", "label": "六安市" }, { "value": "341600", "label": "亳州市" }, { "value": "341700", "label": "池州市" }, { "value": "341800", "label": "宣城市" } ] }, { "value": "350000", "label": "福建省", "children": [ { "value": "350100", "label": "福州市" }, { "value": "350200", "label": "厦门市" }, { "value": "350300", "label": "莆田市" }, { "value": "350400", "label": "三明市" }, { "value": "350500", "label": "泉州市" }, { "value": "350600", "label": "漳州市" }, { "value": "350700", "label": "南平市" }, { "value": "350800", "label": "龙岩市" }, { "value": "350900", "label": "宁德市" } ] }, { "value": "360000", "label": "江西省", "children": [ { "value": "360100", "label": "南昌市" }, { "value": "360200", "label": "景德镇市" }, { "value": "360300", "label": "萍乡市" }, { "value": "360400", "label": "九江市" }, { "value": "360500", "label": "新余市" }, { "value": "360600", "label": "鹰潭市" }, { "value": "360700", "label": "赣州市" }, { "value": "360800", "label": "吉安市" }, { "value": "360900", "label": "宜春市" }, { "value": "361000", "label": "抚州市" }, { "value": "361100", "label": "上饶市" } ] }, { "value": "370000", "label": "山东省", "children": [ { "value": "370100", "label": "济南市" }, { "value": "370200", "label": "青岛市" }, { "value": "370300", "label": "淄博市" }, { "value": "370400", "label": "枣庄市" }, { "value": "370500", "label": "东营市" }, { "value": "370600", "label": "烟台市" }, { "value": "370700", "label": "潍坊市" }, { "value": "370800", "label": "济宁市" }, { "value": "370900", "label": "泰安市" }, { "value": "371000", "label": "威海市" }, { "value": "371100", "label": "日照市" }, { "value": "371200", "label": "莱芜市" }, { "value": "371300", "label": "临沂市" }, { "value": "371400", "label": "德州市" }, { "value": "371500", "label": "聊城市" }, { "value": "371600", "label": "滨州市" }, { "value": "371700", "label": "菏泽市" } ] }, { "value": "410000", "label": "河南省", "children": [ { "value": "410100", "label": "郑州市" }, { "value": "410200", "label": "开封市" }, { "value": "410300", "label": "洛阳市" }, { "value": "410400", "label": "平顶山市" }, { "value": "410500", "label": "安阳市" }, { "value": "410600", "label": "鹤壁市" }, { "value": "410700", "label": "新乡市" }, { "value": "410800", "label": "焦作市" }, { "value": "410900", "label": "濮阳市" }, { "value": "411000", "label": "许昌市" }, { "value": "411100", "label": "漯河市" }, { "value": "411200", "label": "三门峡市" }, { "value": "411300", "label": "南阳市" }, { "value": "411400", "label": "商丘市" }, { "value": "411500", "label": "信阳市" }, { "value": "411600", "label": "周口市" }, { "value": "411700", "label": "驻马店市" }, { "value": "419001", "label": "济源市" } ] }, { "value": "420000", "label": "湖北省", "children": [ { "value": "420100", "label": "武汉市" }, { "value": "420200", "label": "黄石市" }, { "value": "420300", "label": "十堰市" }, { "value": "420500", "label": "宜昌市" }, { "value": "420600", "label": "襄阳市" }, { "value": "420700", "label": "鄂州市" }, { "value": "420800", "label": "荆门市" }, { "value": "420900", "label": "孝感市" }, { "value": "421000", "label": "荆州市" }, { "value": "421100", "label": "黄冈市" }, { "value": "421200", "label": "咸宁市" }, { "value": "421300", "label": "随州市" }, { "value": "422800", "label": "恩施土家族苗族自治州" }, { "value": "429004", "label": "仙桃市" }, { "value": "429005", "label": "潜江市" }, { "value": "429006", "label": "天门市" }, { "value": "429021", "label": "神农架林区" } ] }, { "value": "430000", "label": "湖南省", "children": [ { "value": "430100", "label": "长沙市" }, { "value": "430200", "label": "株洲市" }, { "value": "430300", "label": "湘潭市" }, { "value": "430400", "label": "衡阳市" }, { "value": "430500", "label": "邵阳市" }, { "value": "430600", "label": "岳阳市" }, { "value": "430700", "label": "常德市" }, { "value": "430800", "label": "张家界市" }, { "value": "430900", "label": "益阳市" }, { "value": "431000", "label": "郴州市" }, { "value": "431100", "label": "永州市" }, { "value": "431200", "label": "怀化市" }, { "value": "431300", "label": "娄底市" }, { "value": "433100", "label": "湘西土家族苗族自治州" } ] }, { "value": "440000", "label": "广东省", "children": [ { "value": "440100", "label": "广州市" }, { "value": "440200", "label": "韶关市" }, { "value": "440300", "label": "深圳市" }, { "value": "440400", "label": "珠海市" }, { "value": "440500", "label": "汕头市" }, { "value": "440600", "label": "佛山市" }, { "value": "440700", "label": "江门市" }, { "value": "440800", "label": "湛江市" }, { "value": "440900", "label": "茂名市" }, { "value": "441200", "label": "肇庆市" }, { "value": "441300", "label": "惠州市" }, { "value": "441400", "label": "梅州市" }, { "value": "441500", "label": "汕尾市" }, { "value": "441600", "label": "河源市" }, { "value": "441700", "label": "阳江市" }, { "value": "441800", "label": "清远市" }, { "value": "441900", "label": "东莞市" }, { "value": "442000", "label": "中山市" }, { "value": "445100", "label": "潮州市" }, { "value": "445200", "label": "揭阳市" }, { "value": "445300", "label": "云浮市" } ] }, { "value": "450000", "label": "广西壮族自治区", "children": [ { "value": "450100", "label": "南宁市" }, { "value": "450200", "label": "柳州市" }, { "value": "450300", "label": "桂林市" }, { "value": "450400", "label": "梧州市" }, { "value": "450500", "label": "北海市" }, { "value": "450600", "label": "防城港市" }, { "value": "450700", "label": "钦州市" }, { "value": "450800", "label": "贵港市" }, { "value": "450900", "label": "玉林市" }, { "value": "451000", "label": "百色市" }, { "value": "451100", "label": "贺州市" }, { "value": "451200", "label": "河池市" }, { "value": "451300", "label": "来宾市" }, { "value": "451400", "label": "崇左市" } ] }, { "value": "460000", "label": "海南省", "children": [ { "value": "460100", "label": "海口市" }, { "value": "460200", "label": "三亚市" }, { "value": "460300", "label": "三沙市" }, { "value": "460400", "label": "儋州市" }, { "value": "469001", "label": "五指山市" }, { "value": "469002", "label": "琼海市" }, { "value": "469005", "label": "文昌市" }, { "value": "469006", "label": "万宁市" }, { "value": "469007", "label": "东方市" }, { "value": "469021", "label": "定安县" }, { "value": "469022", "label": "屯昌县" }, { "value": "469023", "label": "澄迈县" }, { "value": "469024", "label": "临高县" }, { "value": "469025", "label": "白沙黎族自治县" }, { "value": "469026", "label": "昌江黎族自治县" }, { "value": "469027", "label": "乐东黎族自治县" }, { "value": "469028", "label": "陵水黎族自治县" }, { "value": "469029", "label": "保亭黎族苗族自治县" }, { "value": "469030", "label": "琼中黎族苗族自治县" } ] }, { "value": "500000", "label": "重庆市", "children": [ { "value": "500101", "label": "万州区" }, { "value": "500102", "label": "涪陵区" }, { "value": "500103", "label": "渝中区" }, { "value": "500104", "label": "大渡口区" }, { "value": "500105", "label": "江北区" }, { "value": "500106", "label": "沙坪坝区" }, { "value": "500107", "label": "九龙坡区" }, { "value": "500108", "label": "南岸区" }, { "value": "500109", "label": "北碚区" }, { "value": "500110", "label": "綦江区" }, { "value": "500111", "label": "大足区" }, { "value": "500112", "label": "渝北区" }, { "value": "500113", "label": "巴南区" }, { "value": "500114", "label": "黔江区" }, { "value": "500115", "label": "长寿区" }, { "value": "500116", "label": "江津区" }, { "value": "500117", "label": "合川区" }, { "value": "500118", "label": "永川区" }, { "value": "500119", "label": "南川区" }, { "value": "500120", "label": "璧山区" }, { "value": "500151", "label": "铜梁区" }, { "value": "500152", "label": "潼南区" }, { "value": "500153", "label": "荣昌区" }, { "value": "500154", "label": "开州区" }, { "value": "500228", "label": "梁平县" }, { "value": "500229", "label": "城口县" }, { "value": "500230", "label": "丰都县" }, { "value": "500231", "label": "垫江县" }, { "value": "500232", "label": "武隆县" }, { "value": "500233", "label": "忠县" }, { "value": "500235", "label": "云阳县" }, { "value": "500236", "label": "奉节县" }, { "value": "500237", "label": "巫山县" }, { "value": "500238", "label": "巫溪县" }, { "value": "500240", "label": "石柱土家族自治县" }, { "value": "500241", "label": "秀山土家族苗族自治县" }, { "value": "500242", "label": "酉阳土家族苗族自治县" }, { "value": "500243", "label": "彭水苗族土家族自治县" } ] }, { "value": "510000", "label": "四川省", "children": [ { "value": "510100", "label": "成都市" }, { "value": "510300", "label": "自贡市" }, { "value": "510400", "label": "攀枝花市" }, { "value": "510500", "label": "泸州市" }, { "value": "510600", "label": "德阳市" }, { "value": "510700", "label": "绵阳市" }, { "value": "510800", "label": "广元市" }, { "value": "510900", "label": "遂宁市" }, { "value": "511000", "label": "内江市" }, { "value": "511100", "label": "乐山市" }, { "value": "511300", "label": "南充市" }, { "value": "511400", "label": "眉山市" }, { "value": "511500", "label": "宜宾市" }, { "value": "511600", "label": "广安市" }, { "value": "511700", "label": "达州市" }, { "value": "511800", "label": "雅安市" }, { "value": "511900", "label": "巴中市" }, { "value": "512000", "label": "资阳市" }, { "value": "513200", "label": "阿坝藏族羌族自治州" }, { "value": "513300", "label": "甘孜藏族自治州" }, { "value": "513400", "label": "凉山彝族自治州" } ] }, { "value": "520000", "label": "贵州省", "children": [ { "value": "520100", "label": "贵阳市" }, { "value": "520200", "label": "六盘水市" }, { "value": "520300", "label": "遵义市" }, { "value": "520400", "label": "安顺市" }, { "value": "520500", "label": "毕节市" }, { "value": "520600", "label": "铜仁市" }, { "value": "522300", "label": "黔西南布依族苗族自治州" }, { "value": "522600", "label": "黔东南苗族侗族自治州" }, { "value": "522700", "label": "黔南布依族苗族自治州" } ] }, { "value": "530000", "label": "云南省", "children": [ { "value": "530100", "label": "昆明市" }, { "value": "530300", "label": "曲靖市" }, { "value": "530400", "label": "玉溪市" }, { "value": "530500", "label": "保山市" }, { "value": "530600", "label": "昭通市" }, { "value": "530700", "label": "丽江市" }, { "value": "530800", "label": "普洱市" }, { "value": "530900", "label": "临沧市" }, { "value": "532300", "label": "楚雄彝族自治州" }, { "value": "532500", "label": "红河哈尼族彝族自治州" }, { "value": "532600", "label": "文山壮族苗族自治州" }, { "value": "532800", "label": "西双版纳傣族自治州" }, { "value": "532900", "label": "大理白族自治州" }, { "value": "533100", "label": "德宏傣族景颇族自治州" }, { "value": "533300", "label": "怒江傈僳族自治州" }, { "value": "533400", "label": "迪庆藏族自治州" } ] }, { "value": "540000", "label": "西藏自治区", "children": [ { "value": "540100", "label": "拉萨市" }, { "value": "540200", "label": "日喀则市" }, { "value": "540300", "label": "昌都市" }, { "value": "540400", "label": "林芝市" }, { "value": "540500", "label": "山南市" }, { "value": "542400", "label": "那曲地区" }, { "value": "542500", "label": "阿里地区" } ] }, { "value": "610000", "label": "陕西省", "children": [ { "value": "610100", "label": "西安市" }, { "value": "610200", "label": "铜川市" }, { "value": "610300", "label": "宝鸡市" }, { "value": "610400", "label": "咸阳市" }, { "value": "610500", "label": "渭南市" }, { "value": "610600", "label": "延安市" }, { "value": "610700", "label": "汉中市" }, { "value": "610800", "label": "榆林市" }, { "value": "610900", "label": "安康市" }, { "value": "611000", "label": "商洛市" } ] }, { "value": "620000", "label": "甘肃省", "children": [ { "value": "620100", "label": "兰州市" }, { "value": "620200", "label": "嘉峪关市" }, { "value": "620300", "label": "金昌市" }, { "value": "620400", "label": "白银市" }, { "value": "620500", "label": "天水市" }, { "value": "620600", "label": "武威市" }, { "value": "620700", "label": "张掖市" }, { "value": "620800", "label": "平凉市" }, { "value": "620900", "label": "酒泉市" }, { "value": "621000", "label": "庆阳市" }, { "value": "621100", "label": "定西市" }, { "value": "621200", "label": "陇南市" }, { "value": "622900", "label": "临夏回族自治州" }, { "value": "623000", "label": "甘南藏族自治州" } ] }, { "value": "630000", "label": "青海省", "children": [ { "value": "630100", "label": "西宁市" }, { "value": "630200", "label": "海东市" }, { "value": "632200", "label": "海北藏族自治州" }, { "value": "632300", "label": "黄南藏族自治州" }, { "value": "632500", "label": "海南藏族自治州" }, { "value": "632600", "label": "果洛藏族自治州" }, { "value": "632700", "label": "玉树藏族自治州" }, { "value": "632800", "label": "海西蒙古族藏族自治州" } ] }, { "value": "640000", "label": "宁夏回族自治区", "children": [ { "value": "640100", "label": "银川市" }, { "value": "640200", "label": "石嘴山市" }, { "value": "640300", "label": "吴忠市" }, { "value": "640400", "label": "固原市" }, { "value": "640500", "label": "中卫市" } ] }, { "value": "650000", "label": "新疆维吾尔自治区", "children": [ { "value": "650100", "label": "乌鲁木齐市" }, { "value": "650200", "label": "克拉玛依市" }, { "value": "650400", "label": "吐鲁番市" }, { "value": "650500", "label": "哈密市" }, { "value": "652300", "label": "昌吉回族自治州" }, { "value": "652700", "label": "博尔塔拉蒙古自治州" }, { "value": "652800", "label": "巴音郭楞蒙古自治州" }, { "value": "652900", "label": "阿克苏地区" }, { "value": "653000", "label": "克孜勒苏柯尔克孜自治州" }, { "value": "653100", "label": "喀什地区" }, { "value": "653200", "label": "和田地区" }, { "value": "654000", "label": "伊犁哈萨克自治州" }, { "value": "654200", "label": "塔城地区" }, { "value": "654300", "label": "阿勒泰地区" }, { "value": "659001", "label": "石河子市" }, { "value": "659002", "label": "阿拉尔市" }, { "value": "659003", "label": "图木舒克市" }, { "value": "659004", "label": "五家渠市" }, { "value": "659006", "label": "铁门关市" } ] }, { "value": "710000", "label": "台湾省", "children": [ { "value": "710101", "label": "金门" }, { "value": "710102", "label": "连江" }, { "value": "710103", "label": "苗栗" }, { "value": "710104", "label": "南投" }, { "value": "710105", "label": "澎湖" }, { "value": "710106", "label": "屏东" }, { "value": "710107", "label": "台东" }, { "value": "710108", "label": "台中" }, { "value": "710109", "label": "台南" }, { "value": "710110", "label": "台北" }, { "value": "710111", "label": "桃园" }, { "value": "710112", "label": "云林" }, { "value": "710113", "label": "新北" }, { "value": "710114", "label": "彰化" }, { "value": "710115", "label": "嘉义" }, { "value": "710116", "label": "新竹" }, { "value": "710117", "label": "花莲" }, { "value": "710118", "label": "宜兰" }, { "value": "710119", "label": "高雄" }, { "value": "710120", "label": "基隆" } ] }, { "value": "810000", "label": "香港特别行政区", "children": [ { "value": "810101", "label": "中西区" }, { "value": "810102", "label": "东区" }, { "value": "810103", "label": "九龙城区" }, { "value": "810104", "label": "观塘区" }, { "value": "810105", "label": "深水埗区" }, { "value": "810106", "label": "湾仔区" }, { "value": "810107", "label": "黄大仙区" }, { "value": "810108", "label": "油尖旺区" }, { "value": "810109", "label": "离岛区" }, { "value": "810110", "label": "葵青区" }, { "value": "810111", "label": "北区" }, { "value": "810112", "label": "西贡区" }, { "value": "810113", "label": "沙田区" }, { "value": "810114", "label": "屯门区" }, { "value": "810115", "label": "大埔区" }, { "value": "810116", "label": "荃湾区" }, { "value": "810117", "label": "元朗区" }, { "value": "810118", "label": "香港" }, { "value": "810119", "label": "九龙" }, { "value": "810120", "label": "新界" } ] }, { "value": "820000", "label": "澳门特别行政区", "children": [ { "value": "820101", "label": "离岛" }, { "value": "820102", "label": "澳门半岛" }, { "value": "820103", "label": "凼仔" }, { "value": "820104", "label": "路凼城" }, { "value": "820105", "label": "路环" } ] } ]
VCityCascader.vue
<!--VCityCascader 城市级联选择器 --> <template> <el-cascader :value="value" @change="$emit('change',$event)" :options="options" ></el-cascader> </template> <script> import cityMap from "./cityMap.json"; export default { name: "VCityCascader", props: { value:{type:Array,default:()=>[]} }, data() { return { options: cityMap, }; }, methods: { /**********************************************网络请求模块******************************************************/ /*********************************************数据逻辑处理模块**************************************************/ } }; </script> <style lang="less" scoped> </style>
use
<v-city-cascader :value="aa" @change="aa=$event"></v-city-cascader>
<!-- el-cascader原来不是<select></select>组件 也不是input组件，而是element.ui自己封装的 用ul>li写的 你能信 -->
<!-- <v-city-cascader v-model="aa"></v-city-cascader> -->
aa: ["130000", "130300"],
