vue的封装之路（二）-封装一个基于element ui的省市区级联选择器

1.拿到国内和国外的两个json文件

json的gitee地址

获取abroad.json和city.json

2.在components下创建city目录，创建以下文件

3.编辑city.js文件

将json放进city.js文件里导出

//国内
var domestic = {"北京": {"北京": ["东城区", "西城区", "朝阳区", "丰台区", "石景山区", "海淀区", "顺义区", "通州区", "大兴区", "房山区", "门头沟区", "昌平区", "平谷区", "密云区", "怀柔区", "延庆区"]},"天津": {"天津": ["和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "东丽区", "西青区", "津南区", "北辰区", "武清区", "宝坻区", "宁河区", "静海区", "蓟州区"]},"河北": {"石家庄": ["长安区", "桥西区", "新华区", "井陉矿区", "裕华区", "藁城区", "鹿泉区", "栾城区", "井陉县", "正定县", "行唐县", "灵寿县", "高邑县", "深泽县", "赞皇县", "无极县", "平山县", "元氏县", "赵县", "晋州市", "新乐市", "辛集市"],"唐山": ["路北区", "路南区", "古冶区", "开平区", "丰南区", "丰润区", "曹妃甸区", "滦县", "滦南县", "乐亭县", "迁西县", "玉田县", "遵化市", "迁安市"],"秦皇岛": ["海港区", "山海关区", "北戴河区", "抚宁区", "青龙满族自治县", "昌黎县", "卢龙县"],"邯郸": ["邯山区", "丛台区", "复兴区", "峰峰矿区", "肥乡区", "永年区", "临漳县", "成安县", "大名县", "涉县", "磁县", "邱县", "鸡泽县", "广平县", "馆陶县", "曲周县", "武安市", "魏县"],"邢台": ["桥东区", "桥西区", "邢台县", "临城县", "内丘县", "柏乡县", "隆尧县", "任县", "南和县", "巨鹿县", "新河县", "广宗县", "平乡县", "威县", "清河县", "临西县", "南宫市", "沙河市", "宁晋县"],"保定": ["竞秀区", "莲池区", "满城区", "清苑区", "徐水区", "涞水县", "阜平县", "定兴县", "唐县", "高阳县", "容城县", "涞源县", "望都县", "安新县", "易县", "曲阳县", "蠡县", "顺平县", "博野县", "雄县", "安国市", "高碑店市", "涿州市", "定州市"],"张家口": ["桥东区", "桥西区", "宣化区", "下花园区", "崇礼区", "万全区", "张北县", "康保县", "沽源县", "尚义县", "蔚县", "阳原县", "怀安县", "涿鹿县", "赤城县", "怀来县"],"承德": ["双桥区", "双滦区", "鹰手营子矿区", "承德县", "兴隆县", "滦平县", "隆化县", "丰宁满族自治县", "宽城满族自治县", "围场满族蒙古族自治县", "平泉市"],"沧州": ["运河区", "新华区", "沧县", "青县", "东光县", "海兴县", "盐山县", "肃宁县", "南皮县", "吴桥县", "献县", "孟村回族自治县", "泊头市", "黄骅市", "河间市", "任丘市"],"廊坊": ["广阳区", "安次区", "固安县", "永清县", "香河县", "大城县", "文安县", "大厂回族自治县", "霸州市", "三河市"],"衡水": ["桃城区", "冀州区", "枣强县", "武邑县", "武强县", "饶阳县", "安平县", "故城县", "阜城县", "深州市", "景县"]},"山西": {"太原": ["小店区", "迎泽区", "杏花岭区", "尖草坪区", "万柏林区", "晋源区", "清徐县", "阳曲县", "娄烦县", "古交市"],"大同": ["平城区", "云冈区", "云州区", "新荣区", "阳高县", "天镇县", "广灵县", "灵丘县", "浑源县", "左云县"],"朔州": ["朔城区", "平鲁区", "山阴县", "应县", "右玉县", "怀仁市"],"忻州": ["忻府区", "定襄县", "五台县", "代县", "繁峙县", "宁武县", "静乐县", "神池县", "五寨县", "岢岚县", "河曲县", "保德县", "偏关县", "原平市"],"阳泉": ["城区", "矿区", "郊区", "平定县", "盂县"],"吕梁": ["离石区", "文水县", "交城县", "兴县", "临县", "柳林县", "石楼县", "岚县", "方山县", "中阳县", "交口县", "孝义市", "汾阳市"],"晋中": ["榆次区", "榆社县", "左权县", "和顺县", "昔阳县", "寿阳县", "太谷县", "祁县", "平遥县", "灵石县", "介休市"],"长治": ["潞州区", "潞城区", "屯留区", "上党区", "襄垣县", "平顺县", "黎城县", "壶关县", "长子县", "武乡县", "沁县", "沁源县"],"晋城": ["城区", "沁水县", "阳城县", "陵川县", "泽州县", "高平市"],"临汾": ["尧都区", "曲沃县", "翼城县", "襄汾县", "洪洞县", "古县", "安泽县", "浮山县", "吉县", "乡宁县", "大宁县", "隰县", "永和县", "蒲县", "汾西县", "侯马市", "霍州市"],"运城": ["盐湖区", "临猗县", "万荣县", "闻喜县", "稷山县", "新绛县", "绛县", "垣曲县", "夏县", "平陆县", "芮城县", "永济市", "河津市"]},"内蒙古": {"呼和浩特": ["回民区", "新城区", "玉泉区", "赛罕区", "土默特左旗", "托克托县", "和林格尔县", "武川县", "清水河县"],"包头": ["昆都仑区", "东河区", "青山区", "石拐区", "九原区", "白云鄂博矿区", "土默特右旗", "固阳县", "达尔罕茂明安联合旗"],"乌海": ["海勃湾区", "海南区", "乌达区"],"赤峰": ["红山区", "元宝山区", "松山区", "阿鲁科尔沁旗", "巴林左旗", "巴林右旗", "林西县", "克什克腾旗", "翁牛特旗", "喀喇沁旗", "宁城县", "敖汉旗"],"通辽": ["科尔沁区", "霍林郭勒市", "科尔沁左翼中旗", "科尔沁左翼后旗", "开鲁县", "库伦旗", "奈曼旗", "扎鲁特旗"],"鄂尔多斯": ["康巴什区", "东胜区", "准格尔旗", "达拉特旗", "鄂托克前旗", "鄂托克旗", "杭锦旗", "乌审旗", "伊金霍洛旗"],"呼伦贝尔": ["海拉尔区", "扎赉诺尔区", "满洲里市", "牙克石市", "扎兰屯市", "额尔古纳市", "根河市", "阿荣旗", "鄂伦春自治旗", "莫力达瓦达斡尔族自治旗", "鄂温克族自治旗", "陈巴尔虎旗", "新巴尔虎左旗", "新巴尔虎右旗"],"巴彦淖尔": ["临河区", "五原县", "磴口县", "乌拉特前旗", "乌拉特中旗", "乌拉特后旗", "杭锦后旗"],"乌兰察布": ["集宁区", "丰镇市", "卓资县", "化德县", "商都县", "兴和县", "凉城县", "察哈尔右翼前旗", "察哈尔右翼中旗", "察哈尔右翼后旗", "四子王旗"],"兴安盟": ["乌兰浩特市", "阿尔山市", "科尔沁右翼前旗", "科尔沁右翼中旗", "扎赉特旗", "突泉县"],"锡林郭勒": ["锡林浩特市", "二连浩特市", "阿巴嘎旗", "苏尼特左旗", "苏尼特右旗", "东乌珠穆沁旗", "西乌珠穆沁旗", "太仆寺旗", "镶黄旗", "正镶白旗", "正蓝旗", "多伦县"],"阿拉善盟": ["阿拉善左旗", "阿拉善右旗", "额济纳旗"]},"辽宁": {"沈阳": ["和平区", "沈河区", "大东区", "皇姑区", "铁西区", "苏家屯区", "浑南区", "沈北新区", "于洪区", "辽中区", "新民市", "康平县", "法库县"],"大连": ["中山区", "西岗区", "沙河口区", "甘井子区", "旅顺口区", "金州区", "普兰店区", "瓦房店市", "庄河市", "长海县"],"鞍山": ["铁东区", "铁西区", "立山区", "千山区", "海城市", "台安县", "岫岩满族自治县"],"抚顺": ["新抚区", "顺城区", "望花区", "东洲区", "抚顺县", "新宾满族自治县", "清原满族自治县"],"本溪": ["平山区", "溪湖区", "明山区", "南芬区", "本溪满族自治县", "桓仁满族自治县"],"丹东": ["元宝区", "振兴区", "振安区", "东港市", "凤城市", "宽甸满族自治县"],"锦州": ["古塔区", "凌河区", "太和区", "凌海市", "北镇市", "黑山县", "义县"],"营口": ["站前区", "西市区", "鲅鱼圈区", "老边区", "盖州市", "大石桥市"],"阜新": ["海州区", "新邱区", "太平区", "清河门区", "细河区", "阜新蒙古族自治县", "彰武县"],"辽阳": ["白塔区", "文圣区", "宏伟区", "弓长岭区", "太子河区", "灯塔市", "辽阳县"],"盘锦": ["双台子区", "兴隆台区", "大洼区", "盘山县"],"铁岭": ["银州区", "清河区", "调兵山市", "开原市", "铁岭县", "昌图县", "西丰县"],"朝阳": ["双塔区", "龙城区", "北票市", "凌源市", "朝阳县", "建平县", "喀喇沁左翼蒙古族自治县"],"葫芦岛": ["连山区", "龙港区", "南票区", "兴城市", "绥中县", "建昌县"]},"吉林": {"长春": ["南关区", "朝阳区", "绿园区", "二道区", "双阳区", "宽城区", "九台区", "榆树市", "德惠市", "农安县"],"吉林": ["船营区", "龙潭区", "昌邑区", "丰满区", "磐石市", "桦甸市", "蛟河市", "舒兰市", "永吉县"],"四平": ["铁西区", "铁东区", "双辽市", "梨树县", "伊通满族自治县"],"公主岭": [],"辽源": ["龙山区", "西安区", "东丰县", "东辽县"],"通化": ["东昌区", "二道江区", "集安市", "通化县", "辉南县", "柳河县", "梅河口市"],"白山": ["浑江区", "江源区", "临江市", "抚松县", "靖宇县", "长白朝鲜族自治县"],"白城": ["洮北区", "洮南市", "大安市", "镇赉县", "通榆县"],"松原": ["宁江区", "扶余市", "乾安县", "长岭县", "前郭尔罗斯蒙古族自治县"],"延边": ["延吉市", "图们市", "敦化市", "和龙市", "珲春市", "龙井市", "汪清县", "安图县"]},"黑龙江": {"哈尔滨": ["道里区", "南岗区", "道外区", "平房区", "松北区", "香坊区", "呼兰区", "阿城区", "双城区", "依兰县", "方正县", "宾县", "巴彦县", "木兰县", "通河县", "延寿县", "尚志市", "五常市"],"齐齐哈尔": ["龙沙区", "建华区", "铁锋区", "昂昂溪区", "富拉尔基区", "碾子山区", "梅里斯达斡尔族区", "讷河市", "龙江县", "依安县", "泰来县", "甘南县", "富裕县", "克山县", "克东县", "拜泉县"],"牡丹江": ["东安区", "阳明区", "爱民区", "西安区", "东宁市", "林口县", "绥芬河市", "海林市", "宁安市", "穆棱市"],"佳木斯": ["前进区", "向阳区", "东风区", "郊区", "同江市", "富锦市", "桦南县", "桦川县", "汤原县", "抚远市"],"大庆": ["萨尔图区", "龙凤区", "让胡路区", "红岗区", "大同区", "肇州县", "肇源县", "林甸县", "杜尔伯特蒙古族自治县"],"鸡西": ["鸡冠区", "城子河区", "恒山区", "滴道区", "梨树区", "麻山区", "虎林市", "密山市", "鸡东县"],"双鸭山": ["尖山区", "岭东区", "四方台区", "宝山区", "集贤县", "友谊县", "宝清县", "饶河县"],"伊春": ["伊春区", "南岔区", "友好区", "西林区", "翠峦区", "新青区", "美溪区", "金山屯区", "五营区", "乌马河区", "汤旺河区", "带岭区", "乌伊岭区", "红星区", "上甘岭区", "嘉荫县", "铁力市"],"七台河": ["新兴区", "桃山区", "茄子河区", "金沙新区", "勃利县"],"鹤岗": ["兴山区", "向阳区", "工农区", "南山区", "兴安区", "东山区", "萝北县", "绥滨县"],"黑河": ["爱辉区", "北安市", "五大连池市", "嫩江县", "孙吴县", "逊克县"],"绥化": ["北林区", "望奎县", "兰西县", "青冈县", "庆安县", "明水县", "绥棱县", "安达市", "肇东市", "海伦市"],"大兴安岭": ["加格达奇区", "松岭区", "呼中区", "新林区", "漠河市", "塔河县", "呼玛县"]},"上海": {"上海": ["黄浦区", "徐汇区", "长宁区", "静安区", "普陀区", "虹口区", "杨浦区", "闵行区", "宝山区", "嘉定区", "金山区", "松江区", "青浦区", "奉贤区", "崇明区"]},"江苏": {"南京": ["玄武区", "秦淮区", "鼓楼区", "建邺区", "栖霞区", "雨花台区", "江宁区", "浦口区", "六合区", "溧水区", "高淳区"],"无锡": ["滨湖区", "梁溪区", "新吴区", "锡山区", "惠山区", "江阴市", "宜兴市"],"徐州": ["云龙区", "鼓楼区", "贾汪区", "泉山区", "铜山区", "丰县", "沛县", "睢宁县", "邳州市", "新沂市"],"常州": ["天宁区", "钟楼区", "新北区", "武进区", "金坛区", "溧阳市"],"苏州": ["姑苏区", "虎丘区", "吴中区", "相城区", "吴江区", "昆山市", "常熟市", "张家港市", "太仓市"],"南通": ["崇川区", "港闸区", "通州区", "如东县", "如皋市", "海门市", "启东市", "海安市"],"连云港": ["连云区", "海州区", "赣榆区", "东海县", "灌云县", "灌南县"],"淮安": ["清江浦区", "淮安区", "淮阴区", "洪泽区", "涟水县", "盱眙县", "金湖县"],"盐城": ["亭湖区", "盐都区", "大丰区", "响水县", "滨海县", "阜宁县", "射阳县", "建湖县", "东台市"],"扬州": ["广陵区", "邗江区", "江都区", "宝应县", "仪征市", "高邮市"],"镇江": ["京口区", "润州区", "丹徒区", "丹阳市", "扬中市", "句容市"],"泰州": ["海陵区", "高港区", "姜堰区", "兴化市", "靖江市", "泰兴市"],"宿迁": ["宿城区", "宿豫区", "沭阳县", "泗阳县", "泗洪县"]},"浙江": {"杭州": ["上城区", "下城区", "江干区", "拱墅区", "西湖区", "滨江区", "余杭区", "萧山区", "富阳区", "临安区", "建德市", "桐庐县", "淳安县"],"宁波": ["海曙区", "江北区", "北仑区", "镇海区", "鄞州区", "奉化区", "余姚市", "慈溪市", "象山县", "宁海县"],"温州": ["鹿城区", "龙湾区", "瓯海区", "洞头区", "瑞安市", "乐清市", "永嘉县", "平阳县", "苍南县", "文成县", "泰顺县"],"绍兴": ["越城区", "柯桥区", "上虞区", "诸暨市", "嵊州市", "新昌县"],"湖州": ["吴兴区", "南浔区", "德清县", "长兴县", "安吉县"],"嘉兴": ["南湖区", "秀洲区", "海宁市", "平湖市", "桐乡市", "嘉善县", "海盐县"],"金华": ["婺城区", "金东区", "兰溪市", "东阳市", "永康市", "义乌市", "武义县", "浦江县", "磐安县"],"衢州": ["柯城区", "衢江区", "江山市", "常山县", "开化县", "龙游县"],"台州": ["椒江区", "黄岩区", "路桥区", "临海市", "温岭市", "玉环市", "三门县", "天台县", "仙居县"],"丽水": ["莲都区", "龙泉市", "青田县", "缙云县", "遂昌县", "松阳县", "云和县", "庆元县", "景宁畲族自治县"],"舟山": ["定海区", "普陀区", "岱山县", "嵊泗县"]},"安徽": {"合肥": ["瑶海区", "庐阳区", "蜀山区", "包河区", "肥东县", "肥西县", "长丰县", "庐江县", "巢湖市"],"芜湖": ["镜湖区", "弋江区", "鸠江区", "三山区", "无为县", "芜湖县", "繁昌县", "南陵县"],"蚌埠": ["龙子湖区", "蚌山区", "禹会区", "淮上区", "五河县", "固镇县", "怀远县"],"淮南": ["大通区", "田家庵区", "谢家集区", "八公山区", "潘集区", "凤台县", "寿县"],"马鞍山": ["花山区", "雨山区", "博望区", "含山县", "和县", "当涂县"],"淮北": ["相山区", "杜集区", "烈山区", "濉溪县"],"铜陵": ["铜官区", "郊区", "义安区", "枞阳县"],"安庆": ["迎江区", "大观区", "宜秀区", "桐城市", "潜山市", "怀宁县", "太湖县", "宿松县", "望江县", "岳西县"],"黄山": ["屯溪区", "黄山区", "徽州区", "歙县", "休宁县", "黟县", "祁门县"],"阜阳": ["颍州区", "颍泉区", "颍东区", "颍上县", "界首市", "临泉县", "阜南县", "太和县"],"宿州": ["埇桥区", "萧县", "砀山县", "灵璧县", "泗县"],"滁州": ["琅琊区", "南谯区", "天长市", "明光市", "全椒县", "来安县", "凤阳县", "定远县"],"六安": ["金安区", "裕安区", "叶集区", "霍邱县", "霍山县", "金寨县", "舒城县"],"宣城": ["宣州区", "郎溪县", "广德县", "宁国市", "泾县", "绩溪县", "旌德县"],"池州": ["贵池区", "青阳县", "石台县", "东至县"],"亳州": ["谯城区", "蒙城县", "涡阳县", "利辛县"]},"福建": {"福州": ["鼓楼区", "台江区", "仓山区", "马尾区", "晋安区", "长乐区", "福清市", "闽侯县", "连江县", "罗源县", "闽清县", "永泰县"],"厦门": ["思明区", "海沧区", "湖里区", "集美区", "同安区", "翔安区"],"漳州": ["芗城区", "龙文区", "漳州招商局经济技术开发区", "漳州台商投资区", "漳州高新技术产业开发区", "常山华侨经济开发区", "古雷港经济开发区", "龙海市", "漳浦县", "南靖县", "云霄县", "平和县", "华安县", "长泰县", "诏安县", "东山县"],"泉州": ["丰泽区", "鲤城区", "洛江区", "泉港区", "泉州经济技术开发区", "泉州台商投资区", "泉州高新技术产业开发区", "石狮市", "晋江市", "南安市", "惠安县", "安溪县", "永春县", "德化县", "金门县"],"三明": ["梅列区", "三元区", "永安市", "明溪县", "清流县", "宁化县", "大田县", "尤溪县", "沙县", "将乐县", "泰宁县", "建宁县"],"莆田": ["城厢区", "涵江区", "荔城区", "秀屿区", "仙游县"],"南平": ["延平区", "建阳区", "邵武市", "武夷山市", "建瓯市", "顺昌县", "浦城县", "光泽县", "松溪县", "政和县"],"龙岩": ["新罗区", "永定区", "漳平市", "长汀县", "上杭县", "武平县", "连城县"],"宁德": ["蕉城区", "东侨经济技术开发区", "福安市", "福鼎市", "霞浦县", "古田县", "屏南县", "寿宁县", "周宁县", "柘荣县"],"平潭综合实验区": ["平潭县"]},"江西": {"南昌": ["东湖区", "西湖区", "青云谱区", "湾里区", "青山湖区", "新建区", "南昌县", "安义县", "进贤县"],"九江": ["浔阳区", "濂溪区", "柴桑区", "永修县", "德安县", "都昌县", "湖口县", "彭泽县", "武宁县", "修水县", "瑞昌市", "共青城市", "庐山市"],"上饶": ["信州区", "广丰区", "上饶县", "玉山县", "铅山县", "横峰县", "弋阳县", "余干县", "鄱阳县", "万年县", "婺源县", "德兴市"],"抚州": ["临川区", "东乡区", "南城县", "黎川县", "南丰县", "崇仁县", "乐安县", "宜黄县", "金溪县", "资溪县", "广昌县"],"宜春": ["袁州区", "高安市", "丰城市", "樟树市", "奉新县", "万载县", "上高县", "宜丰县", "靖安县", "铜鼓县"],"吉安": ["吉州区", "青原区", "吉安县", "井冈山市", "吉水县", "新干县", "永丰县", "泰和县", "遂川县", "万安县", "安福县", "永新县", "峡江县"],"赣州": ["章贡区", "南康区", "赣县区", "信丰县", "大余县", "龙南县", "定南县", "全南县", "寻乌县", "安远县", "瑞金市", "宁都县", "于都县", "会昌县", "石城县", "上犹县", "兴国县", "崇义县"],"景德镇": ["珠山区", "昌江区", "浮梁县", "乐平市"],"萍乡": ["安源区", "湘东区", "莲花县", "上栗县", "芦溪县"],"新余": ["渝水区", "分宜县"],"鹰潭": ["月湖区", "余江区", "贵溪市"]},"山东": {"济南": ["历下区", "市中区", "槐荫区", "天桥区", "历城区", "长清区", "章丘区", "济阳区", "平阴县", "商河县"],"青岛": ["市南区", "市北区", "李沧区", "城阳区", "崂山区", "黄岛区", "即墨区", "胶州市", "平度市", "莱西市"],"淄博": ["张店区", "淄川区", "周村区", "博山区", "临淄区", "桓台县", "高青县", "沂源县"],"枣庄": ["薛城区", "市中区", "峄城区", "山亭区", "台儿庄区", "滕州市"],"东营": ["东营区", "河口区", "垦利区", "广饶县", "利津县"],"烟台": ["莱山区", "芝罘区", "福山区", "牟平区", "龙口市", "莱阳市", "莱州市", "蓬莱市", "招远市", "栖霞市", "海阳市", "长岛县"],"潍坊": ["奎文区", "潍城区", "寒亭区", "坊子区", "诸城市", "青州市", "寿光市", "安丘市", "昌邑市", "高密市", "临朐县", "昌乐县"],"济宁": ["任城区", "兖州区", "邹城市", "曲阜市", "嘉祥县", "汶上县", "梁山县", "微山县", "鱼台县", "金乡县", "泗水县"],"泰安": ["泰山区", "岱岳区", "新泰市", "肥城市", "宁阳县", "东平县"],"威海": ["环翠区", "文登区", "荣成市", "乳山市"],"日照": ["东港区", "岚山区", "五莲县", "莒县"],"滨州": ["滨城区", "沾化区", "邹平市", "惠民县", "博兴县", "阳信县", "无棣县"],"德州": ["德城区", "陵城区", "乐陵市", "禹城市", "临邑县", "平原县", "夏津县", "武城县", "庆云县", "宁津县", "齐河县"],"聊城": ["东昌府区", "临清市", "茌平县", "东阿县", "高唐县", "阳谷县", "冠县", "莘县"],"临沂": ["兰山区", "河东区", "罗庄区", "兰陵县", "郯城县", "莒南县", "沂水县", "蒙阴县", "平邑县", "沂南县", "临沭县", "费县"],"荷泽": ["牡丹区", "定陶区", "曹县", "单县", "巨野县", "成武县", "郓城县", "鄄城县", "东明县"],"莱芜": ["莱城区", "钢城区"]},"河南": {"郑州": ["中原区", "二七区", "金水区", "惠济区", "管城回族区", "上街区", "巩义市", "新郑市", "登封市", "荥阳市", "新密市", "中牟县"],"开封": ["龙亭区", "鼓楼区", "禹王台区", "顺河回族区", "祥符区", "兰考县", "通许县", "杞县", "尉氏县"],"洛阳": ["涧西区", "西工区", "老城区", "廛河回族区", "洛龙区", "吉利区", "偃师市", "宜阳县", "孟津县", "新安县", "洛宁县", "栾川县", "伊川县", "汝阳县", "嵩县"],"平顶山": ["新华区", "卫东区", "石龙区", "湛河区", "汝州市", "舞钢市", "鲁山县", "宝丰县", "叶县", "郏县"],"安阳": ["文峰区", "北关区", "殷都区", "龙安区", "林州市", "安阳县", "滑县", "汤阴县", "内黄县"],"鹤壁": ["鹤山区", "山城区", "淇滨区", "浚县", "淇县"],"新乡": ["红旗区", "卫滨区", "牧野区", "凤泉区", "卫辉市", "辉县市", "新乡县", "长垣县", "获嘉县", "原阳县", "延津县", "封丘县"],"焦作": ["山阳区", "中站区", "解放区", "马村区", "沁阳市", "孟州市", "修武县", "博爱县", "武陟县", "温县"],"濮阳": ["华龙区", "濮阳县", "清丰县", "南乐县", "台前县", "范县"],"许昌": ["魏都区", "建安区", "禹州市", "长葛市", "鄢陵县", "襄城县"],"漯河": ["郾城区", "源汇区", "召陵区", "舞阳县", "临颍县"],"三门峡": ["湖滨区", "陕州区", "灵宝市", "义马市", "渑池县", "卢氏县"],"商丘": ["睢阳区", "梁园区", "永城市", "民权县", "宁陵县", "柘城县", "虞城县", "夏邑县", "睢县"],"周口": ["川汇区", "项城市", "鹿邑县", "扶沟县", "西华县", "商水县", "沈丘县", "淮阳县", "郸城县", "太康县"],"驻马店": ["驿城区", "新蔡县", "西平县", "遂平县", "平舆县", "上蔡县", "正阳县", "泌阳县", "确山县", "汝南县"],"南阳": ["宛城区", "卧龙区", "邓州市", "南召县", "西峡县", "方城县", "镇平县", "内乡县", "淅川县", "社旗县", "唐河县", "新野县", "桐柏县"],"信阳": ["浉河区", "平桥区", "固始县", "罗山县", "光山县", "潢川县", "淮滨县", "商城县", "新县", "息县"],"济源": []},"湖北": {"武汉": ["江岸区", "江汉区", "硚口区", "汉阳区", "武昌区", "青山区", "洪山区", "东西湖区", "汉南区", "蔡甸区", "江夏区", "黄陂区", "新洲区"],"黄石": ["大冶市", "阳新县", "黄石港区", "西塞山区", "下陆区", "铁山区"],"十堰": ["茅箭区", "张湾区", "十堰经济技术开发区", "郧阳区", "郧西县", "竹山县", "竹溪县", "房县", "丹江口市"],"宜昌": ["远安县", "兴山县", "秭归县", "长阳土家族自治县", "五峰土家族自治县", "宜都市", "枝江市", "当阳市", "夷陵区", "西陵区", "伍家岗区", "点军区", "猇亭区"],"襄阳": ["襄城区", "樊城区", "襄州区", "枣阳市", "南漳县", "保康县", "谷城县", "宜城市", "老河口市"],"鄂州": ["梁子湖区", "华容区", "鄂城区"],"荆门": ["东宝区", "掇刀区", "钟祥市", "京山市", "沙洋县"],"孝感": ["孝南区", "汉川市", "应城市", "安陆市", "云梦县", "孝昌县", "大悟县"],"荆州": ["荆州区", "沙市区", "江陵县", "松滋市", "公安县", "石首市", "监利县", "洪湖市"],"黄冈": ["黄州区", "麻城市", "武穴市", "团风县", "浠水县", "罗田县", "英山县", "蕲春县", "黄梅县", "红安县", "龙感湖管理区"],"咸宁": ["咸安区", "通山县", "通城县", "嘉鱼县", "崇阳县", "赤壁市"],"随州": ["曾都区", "随县", "广水市"],"恩施": ["恩施市", "利川市", "建始县", "巴东县", "宣恩县", "咸丰县", "来凤县", "鹤峰县"],"仙桃": [],"潜江": [],"天门": [],"神农架": []},"湖南": {"长沙": ["芙蓉区", "天心区", "岳麓区", "开福区", "雨花区", "望城区", "宁乡市", "浏阳市", "长沙县"],"株洲": ["天元区", "芦淞区", "荷塘区", "石峰区", "渌口区", "攸县", "茶陵县", "炎陵县", "醴陵市"],"湘潭": ["雨湖区", "岳塘区", "湘乡市", "韶山市", "湘潭县"],"衡阳": ["雁峰区", "石鼓区", "珠晖区", "蒸湘区", "南岳区", "衡阳县", "衡南县", "衡山县", "衡东县", "祁东县", "耒阳市", "常宁市"],"邵阳": ["双清区", "大祥区", "北塔区", "邵东县", "新邵县", "邵阳县", "隆回县", "洞口县", "绥宁县", "新宁县", "城步苗族自治县", "武冈市"],"岳阳": ["岳阳楼区", "岳阳经济技术开发区", "云溪区", "君山区", "湘阴县", "岳阳县", "华容县", "平江县", "汨罗市", "临湘市"],"常德": ["武陵区", "鼎城区", "安乡县", "汉寿县", "桃源县", "临澧县", "石门县", "澧县", "津市市"],"张家界": ["永定区", "武陵源区", "慈利县", "桑植县"],"益阳": ["安化县", "桃江县", "南县", "沅江市", "资阳区", "赫山区", "大通湖区"],"娄底": ["娄星区", "冷水江市", "涟源市", "双峰县", "新化县"],"郴州": ["北湖区", "苏仙区", "桂阳县", "宜章县", "永兴县", "嘉禾县", "临武县", "汝城县", "桂东县", "安仁县", "资兴市"],"永州": ["零陵区", "冷水滩区", "双牌县", "祁阳县", "东安县", "道县", "宁远县", "新田县", "蓝山县", "江永县", "江华瑶族自治县"],"怀化": ["鹤城区", "中方县", "洪江市", "沅陵县", "辰溪县", "溆浦县", "会同县", "麻阳苗族自治县", "新晃侗族自治县", "芷江侗族自治县", "靖州苗族侗族自治县", "通道侗族自治县", "洪江管理区"],"湘西": ["吉首市", "泸溪县", "凤凰县", "花垣县", "保靖县", "古丈县", "永顺县", "龙山县"]},"广东": {"广州": ["越秀区", "荔湾区", "海珠区", "天河区", "白云区", "黄埔区", "花都区", "番禺区", "南沙区", "增城区", "从化区"],"深圳": ["福田区", "罗湖区", "南山区", "盐田区", "宝安区", "龙岗区", "龙华区", "坪山区", "光明区"],"珠海": ["香洲区", "斗门区", "金湾区"],"汕头": ["金平区", "龙湖区", "濠江区", "潮南区", "潮阳区", "澄海区", "南澳县"],"佛山": ["禅城区", "高明区", "三水区", "南海区", "顺德区"],"韶关": ["浈江区", "武江区", "曲江区", "乐昌市", "南雄市", "始兴县", "仁化县", "翁源县", "新丰县", "乳源瑶族自治县"],"湛江": ["赤坎区", "霞山区", "坡头区", "麻章区", "廉江市", "吴川市", "雷州市", "遂溪县", "徐闻县"],"肇庆": ["端州区", "鼎湖区", "高要区", "四会市", "广宁县", "怀集县", "封开县", "德庆县"],"江门": ["江海区", "蓬江区", "新会区", "台山市", "鹤山市", "开平市", "恩平市"],"茂名": ["茂南区", "电白区", "高州市", "化州市", "信宜市"],"惠州": ["惠城区", "惠阳区", "博罗县", "龙门县", "惠东县"],"梅州": ["梅江区", "梅县区", "兴宁市", "大埔县", "丰顺县", "五华县", "平远县", "蕉岭县"],"汕尾": ["城区", "陆丰市", "海丰县", "陆河县"],"河源": ["源城区", "龙川县", "连平县", "东源县", "和平县", "紫金县"],"阳江": ["江城区", "阳东区", "阳春市", "阳西县"],"清远": ["清城区", "清新区", "英德市", "连州市", "佛冈县", "阳山县", "连山壮族瑶族自治县", "连南瑶族自治县"],"东莞": [],"中山": [],"潮州": ["湘桥区", "潮安县", "饶平县"],"揭阳": ["榕城区", "揭东区", "普宁市", "惠来县", "揭西县"],"云浮": ["云城区", "云安区", "罗定市", "新兴县", "郁南县"]},"广西": {"南宁": ["青秀区", "兴宁区", "西乡塘区", "江南区", "良庆区", "邕宁区", "武鸣区", "隆安县", "马山县", "上林县", "宾阳县", "横县"],"柳州": ["柳北区", "柳南区", "柳江区", "城中区", "鱼峰区", "鹿寨县", "柳城县", "融安县", "融水苗族自治县", "三江侗族自治县"],"桂林": ["象山区", "秀峰区", "叠彩区", "七星区", "雁山区", "临桂区", "阳朔县", "灵川县", "全州县", "平乐县", "兴安县", "灌阳县", "荔浦市", "资源县", "永福县", "龙胜各族自治县", "恭城瑶族自治县"],"梧州": ["长洲区", "万秀区", "龙圩区", "岑溪市", "苍梧县", "蒙山县", "藤县"],"北海": ["海城区", "银海区", "铁山港区", "合浦县"],"防城港": ["港口区", "防城区", "东兴市", "上思县"],"钦州": ["钦南区", "钦北区", "灵山县", "浦北县"],"贵港": ["港北区", "港南区", "覃塘区", "桂平市", "平南县"],"玉林": ["玉州区", "福绵区", "北流市", "容县", "陆川县", "博白县", "兴业县"],"百色": ["右江区", "靖西市", "田阳县", "田东县", "平果县", "德保县", "那坡县", "凌云县", "乐业县", "田林县", "西林县", "隆林各族自治县"],"贺州": ["八步区", "平桂区", "昭平县", "钟山县", "富川瑶族自治县"],"河池": ["宜州区", "金城江区", "南丹县", "天峨县", "凤山县", "东兰县", "巴马瑶族自治县", "都安瑶族自治县", "大化瑶族自治县", "罗城仫佬族自治县", "环江毛南族自治县"],"来宾": ["兴宾区", "合山市", "象州县", "武宣县", "忻城县", "金秀瑶族自治县"],"崇左": ["江洲区", "凭祥市", "扶绥县", "宁明县", "龙州县", "大新县", "天等县"]},"海南": {"海口": ["秀英区", "龙华区", "琼山区", "美兰区"],"三亚": ["崖州区", "天涯区", "吉阳区", "海棠区"],"三沙": [],"儋州": [],"定安县": [],"屯昌县": [],"澄迈县": [],"临高县": [],"五指山": [],"文昌": [],"琼海": [],"万宁": [],"东方": [],"白沙县": [],"昌江县": [],"乐东县": [],"陵水县": [],"保亭县": [],"琼中县": [],"洋浦经济开发区": ["干冲区", "新英湾区", "三都区"]},"重庆": {"重庆": ["渝中区", "万州区", "涪陵区", "大渡口区", "江北区", "沙坪坝区", "九龙坡区", "南岸区", "北碚区", "綦江区", "大足区", "渝北区", "巴南区", "黔江区", "长寿区", "江津区", "合川区", "永川区", "南川区", "璧山区", "铜梁区", "潼南区", "荣昌区", "开州区", "梁平区", "武隆区", "城口县", "丰都县", "垫江县", "忠县", "云阳县", "奉节县", "巫山县", "巫溪县", "石柱土家族自治县", "秀山土家族苗族自治县", "酉阳土家族苗族自治县", "彭水苗族土家族自治县"]},"四川": {"成都": ["锦江区", "青羊区", "金牛区", "武侯区", "成华区", "青白江区", "龙泉驿区", "新都区", "温江区", "双流区", "郫都区", "金堂县", "大邑县", "蒲江县", "新津县", "都江堰市", "彭州市", "崇州市", "邛崃市", "简阳市"],"绵阳": ["涪城区", "游仙区", "安州区", "梓潼县", "三台县", "盐亭县", "平武县", "江油市", "北川羌族自治县"],"自贡": ["自流井区", "贡井区", "大安区", "沿滩区", "荣县", "富顺县"],"攀枝花": ["东区", "西区", "仁和区", "米易县", "盐边县"],"泸州": ["江阳区", "龙马潭区", "纳溪区", "泸县", "合江县", "叙永县", "古蔺县"],"德阳": ["旌阳区", "罗江区", "广汉市", "什邡市", "绵竹市", "中江县"],"广元": ["利州区", "昭化区", "朝天区", "旺苍县", "青川县", "剑阁县", "苍溪县"],"遂宁": ["船山区", "安居区", "射洪县", "蓬溪县", "大英县"],"内江": ["市中区", "东兴区", "资中县", "威远县", "隆昌县"],"乐山": ["市中区", "沙湾区", "五通桥区", "金口河区", "犍为县", "井研县", "夹江县", "沐川县", "峨眉山市", "峨边彝族自治县", "马边彝族自治县"],"资阳": ["雁江区", "安岳县", "乐至县"],"宜宾": ["叙州区", "翠屏区", "南溪区", "江安县", "长宁县", "高县", "筠连县", "珙县", "兴文县", "屏山县"],"南充": ["顺庆区", "高坪区", "嘉陵区", "西充县", "南部县", "蓬安县", "营山县", "仪陇县", "阆中市"],"达州": ["通川区", "达川区", "宣汉县", "开江县", "大竹县", "渠县", "万源市"],"雅安": ["雨城区", "名山区", "荥经县", "汉源县", "石棉县", "天全县", "芦山县", "宝兴县"],"阿坝": ["马尔康市", "金川县", "小金县", "阿坝县", "若尔盖县", "红原县", "壤塘县", "汶川县", "理县", "茂县", "松潘县", "九寨沟县", "黑水县"],"甘孜": ["康定市", "泸定县", "丹巴县", "九龙县", "雅江县", "道孚县", "炉霍县", "甘孜县", "新龙县", "德格县", "白玉县", "石渠县", "色达县", "理塘县", "巴塘县", "乡城县", "稻城县", "得荣县"],"凉山": ["西昌市", "德昌县", "会理县", "会东县", "宁南县", "普格县", "布拖县", "昭觉县", "金阳县", "雷波县", "美姑县", "甘洛县", "越西县", "喜德县", "冕宁县", "盐源县", "木里藏族自治县"],"广安": ["广安区", "前锋区", "邻水县", "武胜县", "岳池县", "华蓥市"],"巴中": ["巴州区", "恩阳区", "平昌县", "通江县", "南江县"],"眉山": ["东坡区", "彭山区", "仁寿县", "丹棱县", "青神县", "洪雅县"]},"贵州": {"贵阳": ["观山湖区", "南明区", "云岩区", "花溪区", "乌当区", "白云区", "清镇市", "开阳县", "息烽县", "修文县"],"遵义": ["汇川区", "红花岗区", "播州区", "赤水市", "仁怀市", "桐梓县", "绥阳县", "正安县", "道真仡佬族苗族自治县", "务川仡佬族苗族自治县", "凤冈县", "湄潭县", "余庆县", "习水县"],"六盘水": ["钟山区", "盘州市", "六枝特区", "水城县"],"安顺": ["西秀区", "平坝区", "镇宁布依族苗族自治县", "普定县", "关岭布依族苗族自治县", "紫云苗族布依族自治县"],"毕节": ["七星关区", "赫章县", "威宁彝族回族苗族自治县", "纳雍县", "织金县", "黔西县", "金沙县", "大方县"],"铜仁": ["碧江区", "万山区", "江口县", "玉屏侗族自治县", "石阡县", "思南县", "印江土家族苗族自治县", "德江县", "沿河土家族自治县", "松桃苗族自治县"],"黔东南": ["凯里市", "镇远县", "黄平县", "施秉县", "三穗县", "岑巩县", "天柱县", "锦屏县", "剑河县", "台江县", "黎平县", "榕江县", "从江县", "雷山县", "麻江县", "丹寨县"],"黔南": ["都匀市", "福泉市", "荔波县", "贵定县", "瓮安县", "独山县", "平塘县", "罗甸县", "长顺县", "龙里县", "惠水县", "三都水族自治县"],"黔西南": ["兴义市", "兴仁市", "普安县", "晴隆县", "贞丰县", "望谟县", "册亨县", "安龙县"]},"云南": {"昆明": ["呈贡区", "盘龙区", "五华区", "官渡区", "西山区", "晋宁区", "东川区", "安宁市", "富民县", "宜良县", "嵩明县", "石林彝族自治县", "禄劝彝族苗族自治县", "寻甸回族彝族自治县"],"曲靖": ["麒麟区", "沾益区", "马龙区", "宣威市", "富源县", "罗平县", "师宗县", "陆良县", "会泽县"],"玉溪": ["红塔区", "江川区", "澄江县", "通海县", "华宁县", "易门县", "峨山彝族自治县", "新平彝族傣族自治县", "元江哈尼族彝族傣族自治县"],"昭通": ["昭阳区", "水富市", "鲁甸县", "巧家县", "盐津县", "大关县", "永善县", "绥江县", "镇雄县", "彝良县", "威信县"],"保山": ["隆阳区", "腾冲市", "施甸县", "龙陵县", "昌宁县"],"丽江": ["古城区", "永胜县", "华坪县", "玉龙纳西族自治县", "宁蒗彝族自治县"],"普洱": ["思茅区", "宁洱哈尼族彝族自治县", "墨江哈尼族自治县", "景东彝族自治县", "景谷傣族彝族自治县", "镇沅彝族哈尼族拉祜族自治县", "江城哈尼族彝族自治县", "孟连傣族拉祜族佤族自治县", "澜沧拉祜族自治县", "西盟佤族自治县"],"临沧": ["临翔区", "凤庆县", "云县", "永德县", "镇康县", "双江拉祜族佤族布朗族傣族自治县", "耿马傣族佤族自治县", "沧源佤族自治县"],"德宏": ["芒市", "瑞丽市", "梁河县", "盈江县", "陇川县"],"怒江": ["泸水市", "福贡县", "贡山独龙族怒族自治县", "兰坪白族普米族自治县"],"迪庆": ["香格里拉市", "德钦县", "维西傈僳族自治县"],"大理": ["大理市", "祥云县", "宾川县", "弥渡县", "永平县", "云龙县", "洱源县", "剑川县", "鹤庆县", "漾濞彝族自治县", "南涧彝族自治县", "巍山彝族回族自治县"],"楚雄": ["楚雄市", "双柏县", "牟定县", "南华县", "姚安县", "大姚县", "永仁县", "元谋县", "武定县", "禄丰县"],"红河": ["蒙自市", "个旧市", "开远市", "弥勒市", "建水县", "石屏县", "泸西县", "绿春县", "元阳县", "红河县", "金平苗族瑶族傣族自治县", "河口瑶族自治县", "屏边苗族自治县"],"文山": ["文山市", "砚山县", "西畴县", "麻栗坡县", "马关县", "丘北县", "广南县", "富宁县"],"墨江": [],"西双版纳": ["景洪市", "勐海县", "勐腊县"]},"西藏": {"拉萨": ["城关区", "堆龙德庆区", "达孜区", "林周县", "尼木县", "当雄县", "曲水县", "墨竹工卡县"],"日喀则": ["桑珠孜区", "南木林县", "江孜县", "定日县", "萨迦县", "拉孜县", "昂仁县", "谢通门县", "白朗县", "仁布县", "康马县", "定结县", "仲巴县", "亚东县", "吉隆县", "聂拉木县", "萨嘎县", "岗巴县"],"昌都": ["卡若区", "察雅县", "左贡县", "芒康县", "洛隆县", "边坝县", "江达县", "贡觉县", "丁青县", "八宿县", "类乌齐县"],"林芝": ["巴宜区", "米林县", "墨脱县", "察隅县", "波密县", "朗县", "工布江达县"],"山南": ["乃东区", "扎囊县", "贡嘎县", "桑日县", "琼结县", "洛扎县", "加查县", "隆子县", "曲松县", "措美县", "错那县", "浪卡子县"],"那曲": ["色尼区", "申扎县", "班戈县", "聂荣县", "安多县", "嘉黎县", "巴青县", "比如县", "索县", "尼玛县"],"阿里": ["噶尔县", "普兰县", "札达县", "日土县", "革吉县", "改则县", "措勤县"]},"陕西": {"西安": ["未央区", "新城区", "碑林区", "莲湖区", "灞桥区", "雁塔区", "阎良区", "临潼区", "长安区", "高陵区", "鄠邑区", "蓝田县", "周至县"],"宝鸡": ["渭滨区", "金台区", "陈仓区", "宝鸡国家高新技术产业开发区", "宝鸡蟠龙新区", "宝鸡陆港新区", "蔡家坡经济技术开发区", "岐山县", "扶风县", "眉县", "凤翔县", "陇县", "千阳县", "麟游县", "凤县", "太白县"],"咸阳": ["秦都区", "渭城区", "兴平市", "彬州市", "三原县", "泾阳县", "乾县", "礼泉县", "永寿县", "长武县", "旬邑县", "淳化县", "武功县"],"铜川": ["王益区", "印台区", "耀州区", "宜君县"],"渭南": ["临渭区", "华州区", "潼关县", "大荔县", "蒲城县", "白水县", "合阳县", "澄城县", "富平县", "韩城市", "华阴市"],"延安": ["宝塔区", "安塞区", "黄陵县", "黄龙县", "宜川县", "洛川县", "富县", "延长县", "甘泉县", "延川县", "吴起县", "子长县", "志丹县"],"榆林": ["榆阳区", "横山区", "神木市", "府谷县", "靖边县", "定边县", "绥德县", "米脂县", "佳县", "吴堡县", "清涧县", "子洲县"],"汉中": ["汉台区", "南郑区", "城固县", "洋县", "西乡县", "勉县", "宁强县", "略阳县", "镇巴县", "留坝县", "佛坪县"],"安康": ["汉滨区", "安康国家高新技术产业开发区", "白河县", "汉阴县", "石泉县", "宁陕县", "紫阳县", "岚皋县", "平利县", "镇坪县", "旬阳县"],"商洛": ["商州区", "洛南县", "丹凤县", "商南县", "山阳县", "镇安县", "柞水县"]},"甘肃": {"兰州": ["城关区", "七里河区", "西固区", "安宁区", "红古区", "永登县", "皋兰县", "榆中县"],"嘉峪关": [],"金昌": ["金川区", "永昌县"],"白银": ["白银区", "平川区", "靖远县", "会宁县", "景泰县"],"天水": ["秦州区", "麦积区", "甘谷县", "武山县", "秦安县", "清水县", "张家川回族自治县"],"武威": ["凉州区", "民勤县", "古浪县", "天祝藏族自治县"],"张掖": ["甘州区", "民乐县", "临泽县", "高台县", "山丹县", "肃南裕固族自治县"],"平凉": ["崆峒区", "泾川县", "灵台县", "崇信县", "庄浪县", "静宁县", "华亭市"],"酒泉": ["肃州区", "玉门市", "敦煌市", "金塔县", "瓜州县", "肃北蒙古族自治县", "阿克塞哈萨克族自治县"],"庆阳": ["西峰区", "庆城县", "环县", "华池县", "合水县", "正宁县", "宁县", "镇原县"],"定西": ["安定区", "通渭县", "临洮县", "漳县", "岷县", "渭源县", "陇西县"],"陇南": ["武都区", "成县", "文县", "宕昌县", "康县", "西和县", "礼县", "徽县", "两当县"],"临夏": ["临夏市", "临夏县", "永靖县", "广河县", "和政县", "康乐县", "东乡族自治县", "积石山保安族东乡族撒拉族自治县"],"甘南": ["夏河县", "玛曲县", "碌曲县", "卓尼县", "迭部县", "临潭县", "舟曲县", "合作市"]},"青海": {"西宁": ["城中区", "城东区", "城西区", "城北区", "大通回族土族自治县", "湟中县", "湟源县"],"海东": ["乐都区", "平安区", "民和回族土族自治县", "互助土族自治县", "化隆回族自治县", "循化撒拉族自治县"],"海北": ["海晏县", "祁连县", "刚察县", "门源回族自治县"],"黄南": ["同仁县", "尖扎县", "泽库县", "河南蒙古族自治县"],"海南": ["共和县", "同德县", "贵德县", "兴海县", "贵南县"],"果洛": ["玛沁县", "班玛县", "甘德县", "达日县", "久治县", "玛多县"],"玉树": ["玉树市", "杂多县", "称多县", "治多县", "囊谦县", "曲麻莱县"],"海西": ["德令哈市", "格尔木市", "茫崖市", "天峻县", "都兰县", "乌兰县"]},"宁夏": {"银川": ["兴庆区", "金凤区", "西夏区", "灵武市", "永宁县", "贺兰县"],"石嘴山": ["大武口区", "惠农区", "平罗县"],"吴忠": ["利通区", "红寺堡区", "青铜峡市", "同心县", "盐池县"],"固原": ["原州区", "西吉县", "隆德县", "泾源县", "彭阳县"],"中卫": ["沙坡头区", "中宁县", "海原县"]},"新疆": {"乌鲁木齐": ["水磨沟区", "天山区", "沙依巴克区", "新市区", "头屯河区", "达坂城区", "米东区", "乌鲁木齐县"],"克拉玛依": ["克拉玛依区", "独山子区", "白碱滩区", "乌尔禾区"],"吐鲁番": ["高昌区", "鄯善县", "托克逊县"],"哈密": ["伊州区", "伊吾县", "巴里坤哈萨克自治县"],"阿克苏": ["阿克苏市", "温宿县", "库车县", "沙雅县", "新和县", "拜城县", "乌什县", "阿瓦提县", "柯坪县"],"喀什": ["喀什市", "疏附县", "疏勒县", "英吉沙县", "泽普县", "莎车县", "叶城县", "麦盖提县", "岳普湖县", "伽师县", "巴楚县", "塔什库尔干塔吉克自治县"],"和田": ["和田市", "和田县", "墨玉县", "皮山县", "洛浦县", "策勒县", "于田县", "民丰县"],"昌吉": ["昌吉市", "阜康市", "呼图壁县", "玛纳斯县", "奇台县", "吉木萨尔县", "木垒哈萨克自治县"],"博尔塔拉": ["博乐市", "阿拉山口市", "精河县", "温泉县"],"巴音": ["库尔勒市", "焉耆回族自治县", "轮台县", "尉犁县", "若羌县", "且末县", "和静县", "和硕县", "博湖县"],"克孜勒": ["阿图什市", "阿克陶县", "阿合奇县", "乌恰县"],"伊犁": ["伊宁市", "奎屯市", "伊宁县", "霍尔果斯市", "尼勒克县", "伊宁县", "霍城县", "巩留县", "新源县", "昭苏县", "特克斯县", "察布查尔锡伯自治县"],"塔城": ["塔城市", "乌苏市", "额敏县", "沙湾县", "托里县", "裕民县", "和布克赛尔蒙古自治县"],"阿勒泰": ["阿勒泰市", "布尔津县", "富蕴县", "福海县", "哈巴河县", "青河县", "吉木乃县"],"石河子": [],"阿拉尔": [],"图木舒克": [],"五家渠": [],"北屯": [],"铁门关": [],"双河": [],"可克达拉": [],"昆玉": []},"香港": {"中国香港": []},"澳门": {"中国澳门": []},"台湾": {"台北": []}
}
//国外
var abroad = [// { code: "HK", en: "Hong Kong", cn: "香港" },// { code: "TW", en: "Taiwan", cn: "台湾" },// { code: "MO", en: "Macao", cn: "澳门" },{ code: "CN", en: "China", cn: "中国" },{ code: "US", en: "United States of America (USA)", cn: "美国" },{ code: "AR", en: "Argentina", cn: "阿根廷" },{ code: "AD", en: "Andorra", cn: "安道尔" },{ code: "AE", en: "United Arab Emirates", cn: "阿联酋" },{ code: "AF", en: "Afghanistan", cn: "阿富汗" },{ code: "AG", en: "Antigua & Barbuda", cn: "安提瓜和巴布达" },{ code: "AI", en: "Anguilla", cn: "安圭拉" },{ code: "AL", en: "Albania", cn: "阿尔巴尼亚" },{ code: "AM", en: "Armenia", cn: "亚美尼亚" },{ code: "AO", en: "Angola", cn: "安哥拉" },{ code: "AQ", en: "Antarctica", cn: "南极洲" },{ code: "AS", en: "American Samoa", cn: "美属萨摩亚" },{ code: "AT", en: "Austria", cn: "奥地利" },{ code: "AU", en: "Australia", cn: "澳大利亚" },{ code: "AW", en: "Aruba", cn: "阿鲁巴" },{ code: "AX", en: "Aland Island", cn: "奥兰群岛" },{ code: "AZ", en: "Azerbaijan", cn: "阿塞拜疆" },{ code: "BA", en: "Bosnia & Herzegovina", cn: "波黑" },{ code: "BB", en: "Barbados", cn: "巴巴多斯" },{ code: "BD", en: "Bangladesh", cn: "孟加拉" },{ code: "BE", en: "Belgium", cn: "比利时" },{ code: "BF", en: "Burkina", cn: "布基纳法索" },{ code: "BG", en: "Bulgaria", cn: "保加利亚" },{ code: "BH", en: "Bahrain", cn: "巴林" },{ code: "BI", en: "Burundi", cn: "布隆迪" },{ code: "BJ", en: "Benin", cn: "贝宁" },{ code: "BL", en: "Saint Barthélemy", cn: "圣巴泰勒米岛" },{ code: "BM", en: "Bermuda", cn: "百慕大" },{ code: "BN", en: "Brunei", cn: "文莱" },{ code: "BO", en: "Bolivia", cn: "玻利维亚" },{ code: "BQ", en: "Caribbean Netherlands", cn: "荷兰加勒比区" },{ code: "BR", en: "Brazil", cn: "巴西" },{ code: "BS", en: "The Bahamas", cn: "巴哈马" },{ code: "BT", en: "Bhutan", cn: "不丹" },{ code: "BV", en: "Bouvet Island", cn: "布韦岛" },{ code: "BW", en: "Botswana", cn: "博茨瓦纳" },{ code: "BY", en: "Belarus", cn: "白俄罗斯" },{ code: "BZ", en: "Belize", cn: "伯利兹" },{ code: "CA", en: "Canada", cn: "加拿大" },{ code: "CC", en: "Cocos (Keeling) Islands", cn: "科科斯群岛" },{ code: "CD", en: "Democratic Republic of the Congo", cn: "刚果（金）" },{ code: "CF", en: "Central African Republic", cn: "中非" },{ code: "CG", en: "Republic of the Congo", cn: "刚果（布）" },{ code: "CH", en: "Switzerland", cn: "瑞士" },{ code: "CI", en: "Cote d'Ivoire", cn: "科特迪瓦" },{ code: "CK", en: "Cook Islands", cn: "库克群岛" },{ code: "CL", en: "Chile", cn: "智利" },{ code: "CM", en: "Cameroon", cn: "喀麦隆" },{ code: "CO", en: "Colombia", cn: "哥伦比亚" },{ code: "CR", en: "Costa Rica", cn: "哥斯达黎加" },{ code: "CU", en: "Cuba", cn: "古巴" },{ code: "CV", en: "Cape Verde", cn: "佛得角" },{ code: "CW", en: "Curacao", cn: "库拉索" },{ code: "CX", en: "Christmas Island", cn: "圣诞岛" },{ code: "CY", en: "Cyprus", cn: "塞浦路斯" },{ code: "CZ", en: "Czech Republic", cn: "捷克" },{ code: "DE", en: "Germany", cn: "德国" },{ code: "DJ", en: "Djibouti", cn: "吉布提" },{ code: "DK", en: "Denmark", cn: "丹麦" },{ code: "DM", en: "Dominica", cn: "多米尼克" },{ code: "DO", en: "Dominican Republic", cn: "多米尼加" },{ code: "DZ", en: "Algeria", cn: "阿尔及利亚" },{ code: "EC", en: "Ecuador", cn: "厄瓜多尔" },{ code: "EE", en: "Estonia", cn: "爱沙尼亚" },{ code: "EG", en: "Egypt", cn: "埃及" },{ code: "EH", en: "Western Sahara", cn: "西撒哈拉" },{ code: "ER", en: "Eritrea", cn: "厄立特里亚" },{ code: "ES", en: "Spain", cn: "西班牙" },{ code: "ET", en: "Ethiopia", cn: "埃塞俄比亚" },{ code: "FI", en: "Finland", cn: "芬兰" },{ code: "FJ", en: "Fiji", cn: "斐济群岛" },{ code: "FK", en: "Falkland Islands", cn: "马尔维纳斯群岛（福克兰）" },{ code: "FM", en: "Federated States of Micronesia", cn: "密克罗尼西亚联邦" },{ code: "FO", en: "Faroe Islands", cn: "法罗群岛" },{ code: "FR", en: "France", cn: "法国 法国" },{ code: "GA", en: "Gabon", cn: "加蓬" },{ code: "GB", en: "Great Britain (United Kingdom; England)", cn: "英国" },{ code: "GD", en: "Grenada", cn: "格林纳达" },{ code: "GE", en: "Georgia", cn: "格鲁吉亚" },{ code: "GF", en: "French Guiana", cn: "法属圭亚那" },{ code: "GG", en: "Guernsey", cn: "根西岛" },{ code: "GH", en: "Ghana", cn: "加纳" },{ code: "GI", en: "Gibraltar", cn: "直布罗陀" },{ code: "GL", en: "Greenland", cn: "格陵兰" },{ code: "GM", en: "Gambia", cn: "冈比亚" },{ code: "GN", en: "Guinea", cn: "几内亚" },{ code: "GP", en: "Guadeloupe", cn: "瓜德罗普" },{ code: "GQ", en: "Equatorial Guinea", cn: "赤道几内亚" },{ code: "GR", en: "Greece", cn: "希腊" },{ code: "GS", en: "South Georgia and the South Sandwich Islands", cn: "南乔治亚岛和南桑威奇群岛" },{ code: "GT", en: "Guatemala", cn: "危地马拉" },{ code: "GU", en: "Guam", cn: "关岛" },{ code: "GW", en: "Guinea-Bissau", cn: "几内亚比绍" },{ code: "GY", en: "Guyana", cn: "圭亚那" },{ code: "HM", en: "Heard Island and McDonald Islands", cn: "赫德岛和麦克唐纳群岛" },{ code: "HN", en: "Honduras", cn: "洪都拉斯" },{ code: "HR", en: "Croatia", cn: "克罗地亚" },{ code: "HT", en: "Haiti", cn: "海地" },{ code: "HU", en: "Hungary", cn: "匈牙利" },{ code: "ID", en: "Indonesia", cn: "印尼" },{ code: "IE", en: "Ireland", cn: "爱尔兰" },{ code: "IL", en: "Israel", cn: "以色列" },{ code: "IM", en: "Isle of Man", cn: "马恩岛" },{ code: "IN", en: "India", cn: "印度" },{ code: "IO", en: "British Indian Ocean Territory", cn: "英属印度洋领地" },{ code: "IQ", en: "Iraq", cn: "伊拉克" },{ code: "IR", en: "Iran", cn: "伊朗" },{ code: "IS", en: "Iceland", cn: "冰岛" },{ code: "IT", en: "Italy", cn: "意大利" },{ code: "JE", en: "Jersey", cn: "泽西岛" },{ code: "JM", en: "Jamaica", cn: "牙买加" },{ code: "JO", en: "Jordan", cn: "约旦" },{ code: "JP", en: "Japan", cn: "日本" },{ code: "KE", en: "Kenya", cn: "肯尼亚" },{ code: "KG", en: "Kyrgyzstan", cn: "吉尔吉斯斯坦" },{ code: "KH", en: "Cambodia", cn: "柬埔寨" },{ code: "KI", en: "Kiribati", cn: "基里巴斯" },{ code: "KM", en: "The Comoros", cn: "科摩罗" },{ code: "KN", en: "St. Kitts & Nevis", cn: "圣基茨和尼维斯" },{ code: "KP", en: "North Korea", cn: "朝鲜" },{ code: "KR", en: "South Korea", cn: "韩国" },{ code: "KW", en: "Kuwait", cn: "科威特" },{ code: "KY", en: "Cayman Islands", cn: "开曼群岛" },{ code: "KZ", en: "Kazakhstan", cn: "哈萨克斯坦" },{ code: "LA", en: "Laos", cn: "老挝" },{ code: "LB", en: "Lebanon", cn: "黎巴嫩" },{ code: "LC", en: "St. Lucia", cn: "圣卢西亚" },{ code: "LI", en: "Liechtenstein", cn: "列支敦士登" },{ code: "LK", en: "Sri Lanka", cn: "斯里兰卡" },{ code: "LR", en: "Liberia", cn: "利比里亚" },{ code: "LS", en: "Lesotho", cn: "莱索托" },{ code: "LT", en: "Lithuania", cn: "立陶宛" },{ code: "LU", en: "Luxembourg", cn: "卢森堡" },{ code: "LV", en: "Latvia", cn: "拉脱维亚" },{ code: "LY", en: "Libya", cn: "利比亚" },{ code: "MA", en: "Morocco", cn: "摩洛哥" },{ code: "MC", en: "Monaco", cn: "摩纳哥" },{ code: "MD", en: "Moldova", cn: "摩尔多瓦" },{ code: "ME", en: "Montenegro", cn: "黑山" },{ code: "MF", en: "Saint Martin (France)", cn: "法属圣马丁" },{ code: "MG", en: "Madagascar", cn: "马达加斯加" },{ code: "MH", en: "Marshall islands", cn: "马绍尔群岛" },{ code: "MK", en: "Republic of Macedonia (FYROM)", cn: "马其顿" },{ code: "ML", en: "Mali", cn: "马里" },{ code: "MM", en: "Myanmar (Burma)", cn: "缅甸" },{ code: "MN", en: "Mongolia", cn: "蒙古国" },{ code: "MP", en: "Northern Mariana Islands", cn: "北马里亚纳群岛" },{ code: "MQ", en: "Martinique", cn: "马提尼克" },{ code: "MR", en: "Mauritania", cn: "毛里塔尼亚" },{ code: "MS", en: "Montserrat", cn: "蒙塞拉特岛" },{ code: "MT", en: "Malta", cn: "马耳他" },{ code: "MU", en: "Mauritius", cn: "毛里求斯" },{ code: "MV", en: "Maldives", cn: "马尔代夫" },{ code: "MW", en: "Malawi", cn: "马拉维" },{ code: "MX", en: "Mexico", cn: "墨西哥" },{ code: "MY", en: "Malaysia", cn: "马来西亚" },{ code: "MZ", en: "Mozambique", cn: "莫桑比克" },{ code: "NA", en: "Namibia", cn: "纳米比亚" },{ code: "NC", en: "New Caledonia", cn: "新喀里多尼亚" },{ code: "NE", en: "Niger", cn: "尼日尔" },{ code: "NF", en: "Norfolk Island", cn: "诺福克岛" },{ code: "NG", en: "Nigeria", cn: "尼日利亚" },{ code: "NI", en: "Nicaragua", cn: "尼加拉瓜" },{ code: "NL", en: "Netherlands", cn: "荷兰" },{ code: "NO", en: "Norway", cn: "挪威" },{ code: "NP", en: "Nepal", cn: "尼泊尔" },{ code: "NR", en: "Nauru", cn: "瑙鲁" },{ code: "NU", en: "Niue", cn: "纽埃" },{ code: "NZ", en: "New Zealand", cn: "新西兰" },{ code: "OM", en: "Oman", cn: "阿曼" },{ code: "PA", en: "Panama", cn: "巴拿马" },{ code: "PE", en: "Peru", cn: "秘鲁" },{ code: "PF", en: "French polynesia", cn: "法属波利尼西亚" },{ code: "PG", en: "Papua New Guinea", cn: "巴布亚新几内亚" },{ code: "PH", en: "The Philippines", cn: "菲律宾" },{ code: "PK", en: "Pakistan", cn: "巴基斯坦" },{ code: "PL", en: "Poland", cn: "波兰" },{ code: "PM", en: "Saint-Pierre and Miquelon", cn: "圣皮埃尔和密克隆" },{ code: "PN", en: "Pitcairn Islands", cn: "皮特凯恩群岛" },{ code: "PR", en: "Puerto Rico", cn: "波多黎各" },{ code: "PS", en: "Palestinian territories", cn: "巴勒斯坦" },{ code: "PT", en: "Portugal", cn: "葡萄牙" },{ code: "PW", en: "Palau", cn: "帕劳" },{ code: "PY", en: "Paraguay", cn: "巴拉圭" },{ code: "QA", en: "Qatar", cn: "卡塔尔" },{ code: "RE", en: "Réunion", cn: "留尼汪" },{ code: "RO", en: "Romania", cn: "罗马尼亚" },{ code: "RS", en: "Serbia", cn: "塞尔维亚" },{ code: "RU", en: "Russian Federation", cn: "俄罗斯" },{ code: "RW", en: "Rwanda", cn: "卢旺达" },{ code: "SA", en: "Saudi Arabia", cn: "沙特阿拉伯" },{ code: "SB", en: "Solomon Islands", cn: "所罗门群岛" },{ code: "SC", en: "Seychelles", cn: "塞舌尔" },{ code: "SD", en: "Sudan", cn: "苏丹" },{ code: "SE", en: "Sweden", cn: "瑞典" },{ code: "SG", en: "Singapore", cn: "新加坡" },{ code: "SH", en: "St. Helena & Dependencies", cn: "圣赫勒拿" },{ code: "SI", en: "Slovenia", cn: "斯洛文尼亚" },{ code: "SJ", en: "Svalbard and Jan Mayen", cn: "斯瓦尔巴群岛和扬马延岛" },{ code: "SK", en: "Slovakia", cn: "斯洛伐克" },{ code: "SL", en: "Sierra Leone", cn: "塞拉利昂" },{ code: "SM", en: "San Marino", cn: "圣马力诺" },{ code: "SN", en: "Senegal", cn: "塞内加尔" },{ code: "SO", en: "Somalia", cn: "索马里" },{ code: "SR", en: "Suriname", cn: "苏里南" },{ code: "SS", en: "South Sudan", cn: "南苏丹" },{ code: "ST", en: "Sao Tome & Principe", cn: "圣多美和普林西比" },{ code: "SV", en: "El Salvador", cn: "萨尔瓦多" },{ code: "SX", en: "Sint Maarten", cn: "荷属圣马丁" },{ code: "SY", en: "Syria", cn: "叙利亚" },{ code: "SZ", en: "Swaziland", cn: "斯威士兰" },{ code: "TC", en: "Turks & Caicos Islands", cn: "特克斯和凯科斯群岛" },{ code: "TD", en: "Chad", cn: "乍得" },{ code: "TF", en: "French Southern Territories", cn: "法属南部领地" },{ code: "TG", en: "Togo", cn: "多哥" },{ code: "TH", en: "Thailand", cn: "泰国" },{ code: "TJ", en: "Tajikistan", cn: "塔吉克斯坦" },{ code: "TK", en: "Tokelau", cn: "托克劳" },{ code: "TL", en: "Timor-Leste (East Timor)", cn: "东帝汶" },{ code: "TM", en: "Turkmenistan", cn: "土库曼斯坦" },{ code: "TN", en: "Tunisia", cn: "突尼斯" },{ code: "TO", en: "Tonga", cn: "汤加" },{ code: "TR", en: "Turkey", cn: "土耳其" },{ code: "TT", en: "Trinidad & Tobago", cn: "特立尼达和多巴哥" },{ code: "TV", en: "Tuvalu", cn: "图瓦卢" },{ code: "TZ", en: "Tanzania", cn: "坦桑尼亚" },{ code: "UA", en: "Ukraine", cn: "乌克兰" },{ code: "UG", en: "Uganda", cn: "乌干达" },{ code: "UM", en: "United States Minor Outlying Islands", cn: "美国本土外小岛屿" },{ code: "UY", en: "Uruguay", cn: "乌拉圭" },{ code: "UZ", en: "Uzbekistan", cn: "乌兹别克斯坦" },{ code: "VA", en: "Vatican City (The Holy See)", cn: "梵蒂冈" },{ code: "VC", en: "St. Vincent & the Grenadines", cn: "圣文森特和格林纳丁斯" },{ code: "VE", en: "Venezuela", cn: "委内瑞拉" },{ code: "VG", en: "British Virgin Islands", cn: "英属维尔京群岛" },{ code: "VI", en: "United States Virgin Islands", cn: "美属维尔京群岛" },{ code: "VN", en: "Vietnam", cn: "越南" },{ code: "VU", en: "Vanuatu", cn: "瓦努阿图" },{ code: "WF", en: "Wallis and Futuna", cn: "瓦利斯和富图纳" },{ code: "WS", en: "Samoa", cn: "萨摩亚" },{ code: "YE", en: "Yemen", cn: "也门" },{ code: "YT", en: "Mayotte", cn: "马约特" },{ code: "ZA", en: "South Africa", cn: "南非" },{ code: "ZM", en: "Zambia", cn: "赞比亚" },{ code: "ZW", en: "Zimbabwe", cn: "津巴布韦" }
]//导出json
export default {domestic: domestic,abroad: abroad
}

4.编辑index.js文件，用于将国外国内json组合成级联选择器所需要的数组

import city from './city'
var domestic = city.domestic;
var abroad = city.abroadvar cityOption = load()
var areaOption = loadDomestic(true)
var domesticOption = loadDomestic(false)//加载国外的数组
function load() {var list = []abroad.forEach(e => {if (e.cn === '中国') {var children = loadDomestic()list.push({label: e.cn,value: e.cn,children: children})} else {list.push({label: e.cn,value: e.cn})}})return list;
}//加载国内数组
function loadDomestic(type) {let list = []for (var key in domestic) {var children = loadCity(domestic[key], type);list.push({label: key,value: key,children: children})}return list
}//加载国内市区
function loadCity(citys, type) {var list = []for (var key in citys) {if (type) {let children = loadArea(citys[key])list.push({label: key,value: key,children: children})} else {list.push({label: key,value: key,})}}return list;
}//加载国内地区
function loadArea(areas) {var list = []areas.forEach(e => {list.push({label: e,value: e})})return list
}//导出
export default {cityOption: cityOption,areaOption: areaOption,domesticOption: domesticOption
}

5.编辑city-select.vue文件

描述:

添加element ui的级联选择器，将基本属性和事件绑定
引入index.js文件
添加三种使用类型，默认国内外(不包括地区)
过滤其他数据源，解决数据兼容性问题
类型条件判断

<template><div><el-cascaderv-model="cityValue":options="options":disabled="disabled":show-all-levels="showAllLevels"size="small":props="props"placeholder="请选择国家或者地区"@change="change"@expand-change="expandChange"@blur="blur"@focus="focus"@visible-change="visibleChange"@remove-tag="removeTag"></el-cascader></div>
</template><script>
import City from "./js/index";//定义固定使用类型
const global = "global";//国内加国外
const area = "area";//国内包含地区
const china = "china";//国内省市/*兼容其他数据源不一致的数据*/
//过滤省正则
const filterProvince = /省|壮族|回族|维吾尔|特别行政区|自治区/g;
//过滤市区正则
const filterCity = /市|地区|朝鲜族自治州|哈尼族自治县|彝族自治州|哈尼族彝族自治州|壮族苗族自治州|傣族自治州|白族自治州|傣族景颇族自治州|藏族自治州|傈僳族自治州|回族自治州|藏族自治州|蒙古族藏族自治州|蒙古自治州|哈萨克自治州|藏族羌族自治州|苗族侗族自治州|依族苗族自治州|土家族苗族自治州/g;export default {//调用change函数时会改变valuemodel: {prop: "value",event: "change",},props: {value: {type: Array,default: () => [],},props: {type: Object,default: () => {},},disabled: {type: Boolean,default: false,},showAllLevels: {type: Boolean,default: true,},filterable: {type: Boolean,default: false,},//默认国内外dataType: {type: String,default: "global",},},data() {return {cityValue: [],options: [],};},watch: {value: {handler: function (val) {let city = val.map((e, i) => {if (i == 2) {if(e.indexOf('香港')!=-1){e='中国香港'}if(e.indexOf('澳门')!=-1){e='中国澳门'}}e = e.replace(filterCity, "");e = e.replace(filterProvince, "");return e;});this.cityValue = city;},//深度监听deep: true,//初始化时监听immediate: true,},},mounted() {//判断类型switch (this.dataType) {case global:this.options = City.cityOption;break;case area:this.options = City.areaOption;break;case china:this.options = City.domesticOption;break;}},methods: {change(val) {this.$emit("change", val);},expandChange(val) {this.$emit("expand-change", val);},blur(val) {this.$emit("blur", val);},focus(val) {this.$emit("focus", val);},visibleChange(val) {this.$emit("visible-change", val);},removeTag(val) {this.$emit("remove-tag", val);},},
};
</script><style>
</style>

6.引用组件测试

import CitySelect from "@/components/city/city-select";

<el-form-item label="国家" prop="Area"><city-selectv-model="ruleForm.Area":props="{ expandTrigger: 'hover' }"@change="change"></city-select>
</el-form-item>

如果切换类型，就加个data-type

<el-form-item label="国家" prop="Area"><city-selectv-model="ruleForm.Area":props="{ expandTrigger: 'hover' }"data-type="area"@change="change"></city-select>
</el-form-item>

<el-form-item label="国家" prop="Area"><city-selectv-model="ruleForm.Area":props="{ expandTrigger: 'hover' }"data-type="china"@change="change"></city-select>
</el-form-item>

到这说明已经完成了，当然有人可能会觉得，不知道如何存储和回显，毕竟这是个数组来的

如下

Area: ["广东", "广州","天河区"]

所以在存储的时候，我们需要将该数组序列化成字符串,所以数据库存储字符串就行了

JSON.stringify(Area)

回显就解析字符串就行啦

JSON.parse(Area)

到这已经完成封装啦，这种写法是使用json来存放省市区的，当然也可以用数据库来存储，用json是比较方便，用数据库存储维护起来可能比较好，大家可以根据自己的实际情况封装

vue的封装之路（二）-封装一个基于element ui的省市区级联选择器相关推荐

vue + element UI中国省市区级联数据
安装 npm install element-china-area-data -S 使用 import { provinceAndCityData, regionData, provinceAndCi ...
Vue爬坑之路二：使用Muse-UI前端框架及axios，实现简单登录页
一:安装UI组件二:创建基本的vue组件三:使用axios与后台进行数据交互 1:安装axios 2:axios登录的实现一:安装UI组件 Muse UI 基于 Vue2.0 开发,Vue2.0 ...
vue.js上传头像插件_一个基于vue2.0的头像上传组件
vue-avatar 基于vuejs2.0 + webpack环境使用的上传组件支持服务器的域名和接口单独设置支持自定义提交字段支持自定义xhr 提交的header字段/表单name/限定上传格 ...
vue【element ui】el-date-picker 日期选择器控件限制可选的开始时间和结束时间
项目场景: 总结一下日期控件实现开始日期.结束日期的选择范围限制,以便更符合实际情况. 需求: 1.开始时间和结束时间都不能选当前日期之后的时间.(当前时间:2022年5月16日) 2.先选开始时间的 ...
vue下拉框值改变事件_vue和element ui 下拉框select的change事件
1 在线编辑测试工具编辑好代码后点击 run 即可 2 vue原生写法 2.1 html部分新增空 {{ drug.name }} 刪除尚未新增任何資料總金額:{{ totalMoney } ...
Vue + Element UI 中国省市区数据三级联动
安装数据 npm install element-china-area-data 页面引入 import { provinceAndCityData, regionData, provinceAndC ...
Vue+element ui 表格中时间选择器范围控制(两种方式)
1.页面 <el-table v-loading="loading" :data="tableList" border> <!-- 方法1 - ...
vue基于element ui走马灯卡片化的图片轮播
1.安装依赖 npm i element-ui -S 2.代码 <template><div><el-carousel :interval="4000" ...
djnago+vue+element ui前后的分离上传图片并保存
文章目录准备一.Vue页面编写二.django接口编写 1.新建项目 2.引入库 3.写接口三.结果最后准备 python:3.7 django:3.1.2 一.Vue页面编写我前端的样 ...
vue开源Element UI表单设计及代码生成器
1 可视化设计器设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库 https:// ...