vue项目中，使用mint-ui的picker实现省市区三级联动，并且编辑时选中默认值（封装成独立的组件）

具体代码如下：

1.首先创建一个provinceData.js文件，用于存储省市区的数据，provinceData.js内容如下；

// 所有省市区数据
const listAddress = [{'city': [{'area': ['东城区', '西城区', '崇文区', '宣武区', '朝阳区', '丰台区', '石景山区','海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区','平谷区', '怀柔区', '密云县', '延庆县'],'name': '北京'}],'name': '北京'},{'city': [{'area': ['和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '塘沽区','汉沽区', '大港区', '东丽区', '西青区', '津南区', '北辰区', '武清区', '宝坻区','宁河县', '静海县', '蓟  县'],'name': '天津'}],'name': '天津'},{'city': [{'area': ['长安区', '桥东区', '桥西区', '新华区', '裕华区', '井陉矿区','井陉县', '正定县', '栾城县', '行唐县', '灵寿县', '高邑县','深泽县', '赞皇县', '无极县', '平山县', '元氏县', '赵  县','辛集市', '藁城市', '晋州市', '新乐市', '鹿泉市'],'name': '石家庄'},{'area': ['路南区', '路北区', '古冶区', '开平区', '新  区', '丰润县','滦  县', '滦南县', '乐亭县', '迁西县', '玉田县', '唐海县','遵化市', '丰南市', '迁安市'],'name': '唐山'},{'area': ['海港区', '山海关区', '北戴河区', '青龙满族自治县', '昌黎县','抚宁县', '卢龙县'],'name': '秦皇岛'},{'area': ['邯山区', '丛台区', '复兴区', '峰峰矿区', '邯郸县', '临漳县','成安县', '大名县', '涉  县', '磁  县', '肥乡县', '永年县','邱  县', '鸡泽县', '广平县', '馆陶县', '魏  县', '曲周县','武安市'],'name': '邯郸'},{'area': ['桥东区', '桥西区', '邢台县', '临城县', '内丘县', '柏乡县','隆尧县', '任  县', '南和县', '宁晋县', '巨鹿县', '新河县','广宗县', '平乡县', '威  县', '清河县', '临西县', '南宫市','沙河市'],'name': '邢台'},{'area': ['新市区', '北市区', '南市区', '满城县', '清苑县', '涞水县','阜平县', '徐水县', '定兴县', '唐  县', '高阳县', '容城县','涞源县', '望都县', '安新县', '易  县', '曲阳县', '蠡  县','顺平县', '博野', '雄县', '涿州市', '定州市', '安国市', '高碑店市'],'name': '保定'},{'area': ['桥东区', '桥西区', '宣化区', '下花园区', '宣化县', '张北县','康保县', '沽源县', '尚义县', '蔚  县', '阳原县', '怀安县','万全县', '怀来县', '涿鹿县', '赤城县', '崇礼县'],'name': '张家口'},{'area': ['双桥区', '双滦区', '鹰手营子矿区', '承德县', '兴隆县', '平泉县','滦平县', '隆化县', '丰宁满族自治县', '宽城满族自治县','围场满族蒙古族自治县'],'name': '承德'},{'area': ['新华区', '运河区', '沧  县', '青  县', '东光县', '海兴县','盐山县', '肃宁县', '南皮县', '吴桥县', '献  县', '孟村回族自治县','泊头市', '任丘市', '黄骅市', '河间市'],'name': '沧州'},{'area': ['安次区', '固安县', '永清县', '香河县', '大城县', '文安县','大厂回族自治县', '霸州市', '三河市'],'name': '廊坊'},{'area': ['桃城区', '枣强县', '武邑县', '武强县', '饶阳县', '安平县','故城县', '景  县', '阜城县', '冀州市', '深州市'],'name': '衡水'}],'name': '河北'},{'city': [{'area': ['小店区', '迎泽区', '杏花岭区', '尖草坪区', '万柏林区', '晋源区','清徐县', '阳曲县', '娄烦县', '古交市'],'name': '太原'},{'area': ['城  区', '矿  区', '南郊区', '新荣区', '阳高县', '天镇县','广灵县', '灵丘县', '浑源县', '左云县', '大同县'],'name': '大同'},{'area': ['城  区', '矿  区', '郊  区', '平定县', '盂  县'],'name': '阳泉'},{'area': ['城  区', '郊  区', '长治县', '襄垣县', '屯留县', '平顺县','黎城县', '壶关县', '长子县', '武乡县', '沁  县', '沁源县','潞城市'],'name': '长治'},{'area': ['城  区', '沁水县', '阳城县', '陵川县', '泽州县', '高平市'],'name': '晋城'},{'area': ['朔城区', '平鲁区', '山阴县', '应  县', '右玉县', '怀仁县'],'name': '朔州'},{'area': ['忻府区', '原平市', '定襄县', '五台县', '代  县', '繁峙县','宁武县', '静乐县', '神池县', '五寨县', '岢岚县', '河曲县','保德县', '偏关县'],'name': '忻州'},{'area': ['离石区', '孝义市', '汾阳市', '文水县', '交城县', '兴  县','临  县', '柳林县', '石楼县', '岚  县', '方山县', '中阳县','交口县'],'name': '吕梁'},{'area': ['榆次市', '介休市', '榆社县', '左权县', '和顺县', '昔阳县','寿阳县', '太谷县', '祁  县', '平遥县', '灵石县'],'name': '晋中'},{'area': ['临汾市', '侯马市', '霍州市', '曲沃县', '翼城县', '襄汾县','洪洞县', '古  县', '安泽县', '浮山县', '吉  县', '乡宁县','蒲  县', '大宁县', '永和县', '隰  县', '汾西县'],'name': '临汾'},{'area': ['运城市', '永济市', '河津市', '芮城县', '临猗县', '万荣县','新绛县', '稷山县', '闻喜县', '夏  县', '绛  县', '平陆县','垣曲县'],'name': '运城'}],'name': '山西'},{'city': [{'area': ['新城区', '回民区', '玉泉区', '郊  区', '土默特左旗','托克托县', '和林格尔县', '清水河县', '武川县'],'name': '呼和浩特'},{'area': ['东河区', '昆都伦区', '青山区', '石拐矿区', '白云矿区','郊  区', '土默特右旗', '固阳县', '达尔罕茂明安联合旗'],'name': '包头'},{'area': ['海勃湾区', '海南区', '乌达区'],'name': '乌海'},{'area': ['红山区', '元宝山区', '松山区', '阿鲁科尔沁旗', '巴林左旗','巴林右旗', '林西县', '克什克腾旗', '翁牛特旗', '喀喇沁旗', '宁城县','敖汉旗'],'name': '赤峰'},{'area': ['海拉尔市', '满洲里市', '扎兰屯市', '牙克石市', '根河市','额尔古纳市', '阿荣旗', '莫力达瓦达斡尔族自治旗', '鄂伦春自治旗','鄂温克族自治旗', '新巴尔虎右旗', '新巴尔虎左旗', '陈巴尔虎旗'],'name': '呼伦贝尔'},{'area': ['乌兰浩特市', '阿尔山市', '科尔沁右翼前旗', '科尔沁右翼中旗','扎赉特旗', '突泉县'],'name': '兴安盟'},{'area': ['科尔沁区', '霍林郭勒市', '科尔沁左翼中旗', '科尔沁左翼后旗','开鲁县', '库伦旗', '奈曼旗', '扎鲁特旗'],'name': '通辽'},{'area': ['二连浩特市', '锡林浩特市', '阿巴嘎旗', '苏尼特左旗', '苏尼特右旗','东乌珠穆沁旗', '西乌珠穆沁旗', '太仆寺旗', '镶黄旗', '正镶白旗','正蓝旗', '多伦县'],'name': '锡林郭勒盟'},{'area': ['集宁市', '丰镇市', '卓资县', '化德县', '商都县', '兴和县','凉城县', '察哈尔右翼前旗', '察哈尔右翼中旗', '察哈尔右翼后旗', '四子王旗'],'name': '乌兰察布盟'},{'area': ['东胜市', '达拉特旗', '准格尔旗', '鄂托克前旗', '鄂托克旗','杭锦旗', '乌审旗', '伊金霍洛旗'],'name': '伊克昭盟'},{'area': ['临河市', '五原县', '磴口县', '乌拉特前旗', '乌拉特中旗','乌拉特后旗', '杭锦后旗'],'name': '巴彦淖尔盟'}, {'area': ['阿拉善左旗', '阿拉善右旗', '额济纳旗'],'name': '阿拉善盟'}],'name': '内蒙古'},{'city': [{'area': ['沈河区', '皇姑区', '和平区', '大东区', '铁西区', '苏家屯区','东陵区', '于洪区', '新民市', '法库县', '辽中县', '康平县','新城子区'],'name': '沈阳'},{'area': ['西岗区', '中山区', '沙河口区', '甘井子区', '旅顺口区', '金州区','瓦房店市', '普兰店市', '庄河市', '长海县'],'name': '大连'},{'area': ['铁东区', '铁西区', '立山区', '千山区', '海城市', '台安县','岫岩满族自治县'],'name': '鞍山'},{'area': ['顺城区', '新抚区', '东洲区', '望花区', '抚顺县','清原满族自治县', '新宾满族自治县'],'name': '抚顺'},{'area': ['平山区', '明山区', '溪湖区', '南芬区', '本溪满族自治县','桓仁满族自治县'],'name': '本溪'},{'area': ['振兴区', '元宝区', '振安区', '东港市', '凤城市','宽甸满族自治县'],'name': '丹东'},{'area': ['太和区', '古塔区', '凌河区', '凌海市', '黑山县', '义县','北宁市'],'name': '锦州'},{'area': ['站前区', '西市区', '鲅鱼圈区', '老边区', '大石桥市', '盖州市'],'name': '营口'},{'area': ['海州区', '新邱区', '太平区', '清河门区', '细河区', '彰武县','阜新蒙古族自治县'],'name': '阜新'},{'area': ['白塔区', '文圣区', '宏伟区', '太子河区', '弓长岭区', '灯塔市','辽阳县'],'name': '辽阳'},{'area': ['双台子区', '兴隆台区', '盘山县', '大洼县'],'name': '盘锦'},{'area': ['银州区', '清河区', '调兵山市', '开原市', '铁岭县', '昌图县','西丰县'],'name': '铁岭'},{'area': ['双塔区', '龙城区', '凌源市', '北票市', '朝阳县', '建平县','喀喇沁左翼蒙古族自治县'],'name': '朝阳'},{'area': ['龙港区', '南票区', '连山区', '兴城市', '绥中县', '建昌县'],'name': '葫芦岛'}],'name': '辽宁'},{'city': [{'area': ['朝阳区', '宽城区', '二道区', '南关区', '绿园区', '双阳区','九台市', '榆树市', '德惠市', '农安县'],'name': '长春'},{'area': ['船营区', '昌邑区', '龙潭区', '丰满区', '舒兰市', '桦甸市','蛟河市', '磐石市', '永吉县'],'name': '吉林'},{'area': ['铁西区', '铁东区', '公主岭市', '双辽市', '梨树县','伊通满族自治县'],'name': '四平'},{'area': ['龙山区', '西安区', '东辽县', '东丰县'],'name': '辽源'},{'area': ['东昌区', '二道江区', '梅河口市', '集安市', '通化县', '辉南县','柳河县'],'name': '通化'},{'area': ['八道江区', '江源区', '临江市', '靖宇县', '抚松县','长白朝鲜族自治县'],'name': '白山'},{'area': ['宁江区', '乾安县', '长岭县', '扶余县', '前郭尔罗斯蒙古族自治县'],'name': '松原'},{'area': ['洮北区', '大安市', '洮南市', '镇赉县', '通榆县'],'name': '白城'},{'area': ['延吉市', '图们市', '敦化市', '龙井市', '珲春市', '和龙市','安图县', '汪清县'],'name': '延边朝鲜族自治州'}],'name': '吉林'},{'city': [{'area': ['松北区', '道里区', '南岗区', '平房区', '香坊区', '道外区','呼兰区', '阿城区', '双城市', '尚志市', '五常市', '宾县', '方正县','通河县', '巴彦县', '延寿县', '木兰县', '依兰县'],'name': '哈尔滨'},{'area': ['龙沙区', '昂昂溪区', '铁锋区', '建华区', '富拉尔基区','碾子山区', '梅里斯达斡尔族区', '讷河市', '富裕县', '拜泉县', '甘南县','依安县', '克山县', '泰来县', '克东县', '龙江县'],'name': '齐齐哈尔'},{'area': ['兴山区', '工农区', '南山区', '兴安区', '向阳区', '东山区','萝北县', '绥滨县'],'name': '鹤岗'},{'area': ['尖山区', '岭东区', '四方台区', '宝山区', '集贤县', '宝清县','友谊县', '饶河县'],'name': '双鸭山'},{'area': ['鸡冠区', '恒山区', '城子河区', '滴道区', '梨树区', '麻山区','密山市', '虎林市', '鸡东县'],'name': '鸡西'},{'area': ['萨尔图区', '红岗区', '龙凤区', '让胡路区', '大同区', '林甸县','肇州县', '肇源县', '杜尔伯特蒙古族自治县'],'name': '大庆'},{'area': ['伊春区', '带岭区', '南岔区', '金山屯区', '西林区', '美溪区','乌马河区', '翠峦区', '友好区', '上甘岭区', '五营区', '红星区','新青区', '汤旺河区', '乌伊岭区', '铁力市', '嘉荫县'],'name': '伊春'},{'area': ['爱民区', '东安区', '阳明区', '西安区', '绥芬河市', '宁安市','海林市', '穆棱市', '林口县', '东宁县'],'name': '牡丹江'},{'area': ['向阳区', '前进区', '东风区', '郊区', '同江市', '富锦市','桦川县', '抚远县', '桦南县', '汤原县'],'name': '佳木斯'},{'area': ['桃山区', '新兴区', '茄子河区', '勃利县'],'name': '七台河'},{'area': ['爱辉区', '北安市', '五大连池市', '逊克县', '嫩江县', '孙吴县'],'name': '黑河'},{'area': ['北林区', '安达市', '肇东市', '海伦市', '绥棱县', '兰西县','明水县', '青冈县', '庆安县', '望奎县'],'name': '绥化'}, {'area': ['呼玛县', '塔河县', '漠河县', '大兴安岭辖区'],'name': '大兴安岭地区'}],'name': '黑龙江'},{'city': [{'area': ['黄浦区', '卢湾区', '徐汇区', '长宁区', '静安区', '普陀区', '闸北区','虹口区', '杨浦区', '宝山区', '闵行区', '嘉定区', '松江区', '金山区', '青浦区','南汇区', '奉贤区', '浦东新区', '崇明县'],'name': '上海'}],'name': '上海'},{'city': [{'area': ['玄武区', '白下区', '秦淮区', '建邺区', '鼓楼区', '下关区','栖霞区', '雨花台区', '浦口区', '江宁区', '六合区', '溧水县','高淳县'],'name': '南京'},{'area': ['金阊区', '平江区', '沧浪区', '虎丘区', '吴中区', '相城区','常熟市', '张家港市', '昆山市', '吴江市', '太仓市'],'name': '苏州'},{'area': ['崇安区', '南长区', '北塘区', '滨湖区', '锡山区', '惠山区','江阴市', '宜兴市'],'name': '无锡'},{'area': ['钟楼区', '天宁区', '戚墅堰区', '新北区', '武进区', '金坛市','溧阳市'],'name': '常州'},{'area': ['京口区', '润州区', '丹徒区', '丹阳市', '扬中市', '句容市'],'name': '镇江'},{'area': ['崇川区', '港闸区', '通州市', '如皋市', '海门市', '启东市','海安县', '如东县'],'name': '南通'},{'area': ['海陵区', '高港区', '姜堰市', '泰兴市', '靖江市', '兴化市'],'name': '泰州'},{'area': ['广陵区', '维扬区', '邗江区', '江都市', '仪征市', '高邮市','宝应县'],'name': '扬州'},{'area': ['亭湖区', '盐都区', '大丰市', '东台市', '建湖县', '射阳县','阜宁县', '滨海县', '响水县'],'name': '盐城'},{'area': ['新浦区', '海州区', '连云区', '东海县', '灌云县', '赣榆县','灌南县'],'name': '连云港'},{'area': ['云龙区', '鼓楼区', '九里区', '泉山区', '贾汪区', '邳州市','新沂市', '铜山县', '睢宁县', '沛县', '丰县'],'name': '徐州'},{'area': ['清河区', '清浦区', '楚州区', '淮阴区', '涟水县', '洪泽县','金湖县', '盱眙县'],'name': '淮安'}, {'area': ['宿城区', '宿豫区', '沭阳县', '泗阳县', '泗洪县'],'name': '宿迁'}],'name': '江苏'},{'city': [{'area': ['拱墅区', '西湖区', '上城区', '下城区', '江干区', '滨江区','余杭区', '萧山区', '建德市', '富阳市', '临安市', '桐庐县','淳安县'],'name': '杭州'},{'area': ['海曙区', '江东区', '江北区', '镇海区', '北仑区', '鄞州区','余姚市', '慈溪市', '奉化市', '宁海县', '象山县'],'name': '宁波'},{'area': ['鹿城区', '龙湾区', '瓯海区', '瑞安市', '乐清市', '永嘉县','洞头县', '平阳县', '苍南县', '文成县', '泰顺县'],'name': '温州'},{'area': ['秀城区', '秀洲区', '海宁市', '平湖市', '桐乡市', '嘉善县','海盐县'],'name': '嘉兴'},{'area': ['吴兴区', '南浔区', '长兴县', '德清县', '安吉县'],'name': '湖州'},{'area': ['越城区', '诸暨市', '上虞市', '嵊州市', '绍兴县', '新昌县'],'name': '绍兴'},{'area': ['婺城区', '金东区', '兰溪市', '义乌市', '东阳市', '永康市','武义县', '浦江县', '磐安县'],'name': '金华'},{'area': ['柯城区', '衢江区', '江山市', '龙游县', '常山县', '开化县'],'name': '衢州'},{'area': ['定海区', '普陀区', '岱山县', '嵊泗县'],'name': '舟山'},{'area': ['椒江区', '黄岩区', '路桥区', '临海市', '温岭市', '玉环县','天台县', '仙居县', '三门县'],'name': '台州'},{'area': ['莲都区', '龙泉市', '缙云县', '青田县', '云和县', '遂昌县','松阳县', '庆元县', '景宁畲族自治县'],'name': '丽水'}],'name': '浙江'},{'city': [{'area': ['庐阳区', '瑶海区', '蜀山区', '包河区', '长丰县', '肥东县','肥西县'],'name': '合肥'},{'area': ['镜湖区', '弋江区', '鸠江区', '三山区', '芜湖县', '南陵县','繁昌县'],'name': '芜湖'},{'area': ['蚌山区', '龙子湖区', '禹会区', '淮上区', '怀远县', '固镇县','五河县'],'name': '蚌埠'},{'area': ['田家庵区', '大通区', '谢家集区', '八公山区', '潘集区', '凤台县'],'name': '淮南'},{'area': ['雨山区', '花山区', '金家庄区', '当涂县'],'name': '马鞍山'},{'area': ['相山区', '杜集区', '烈山区', '濉溪县'],'name': '淮北'},{'area': ['铜官山区', '狮子山区', '郊区', '铜陵县'],'name': '铜陵'},{'area': ['迎江区', '大观区', '宜秀区', '桐城市', '宿松县', '枞阳县','太湖县', '怀宁县', '岳西县', '望江县', '潜山县'],'name': '安庆'},{'area': ['屯溪区', '黄山区', '徽州区', '休宁县', '歙县', '祁门县','黟县'],'name': '黄山'},{'area': ['琅琊区', '南谯区', '天长市', '明光市', '全椒县', '来安县','定远县', '凤阳县'],'name': '滁州'},{'area': ['颍州区', '颍东区', '颍泉区', '界首市', '临泉县', '颍上县','阜南县', '太和县'],'name': '阜阳'},{'area': ['埇桥区', '萧县', '泗县', '砀山县', '灵璧县'],'name': '宿州'},{'area': ['居巢区', '含山县', '无为县', '庐江县', '和县'],'name': '巢湖'},{'area': ['金安区', '裕安区', '寿县', '霍山县', '霍邱县', '舒城县','金寨县'],'name': '六安'},{'area': ['谯城区', '利辛县', '涡阳县', '蒙城县'],'name': '亳州'},{'area': ['贵池区', '东至县', '石台县', '青阳县'],'name': '池州'},{'area': ['宣州区', '宁国市', '广德县', '郎溪县', '泾县', '旌德县','绩溪县'],'name': '宣城'}],'name': '安徽'},{'city': [{'area': ['鼓楼区', '台江区', '仓山区', '马尾区', '晋安区', '福清市','长乐市', '闽侯县', '闽清县', '永泰县', '连江县', '罗源县','平潭县'],'name': '福州'},{'area': ['思明区', '海沧区', '湖里区', '集美区', '同安区', '翔安区'],'name': '厦门'},{'area': ['城厢区', '涵江区', '荔城区', '秀屿区', '仙游县'],'name': '莆田'},{'area': ['梅列区', '三元区', '永安市', '明溪县', '将乐县', '大田县','宁化县', '建宁县', '沙县', '尤溪县', '清流县', '泰宁县'],'name': '三明'},{'area': ['鲤城区', '丰泽区', '洛江区', '泉港区', '石狮市', '晋江市','南安市', '惠安县', '永春县', '安溪县', '德化县', '金门县'],'name': '泉州'},{'area': ['芗城区', '龙文区', '龙海市', '平和县', '南靖县', '诏安县','漳浦县', '华安县', '东山县', '长泰县', '云霄县'],'name': '漳州'},{'area': ['延平区', '建瓯市', '邵武市', '武夷山市', '建阳市', '松溪县','光泽县', '顺昌县', '浦城县', '政和县'],'name': '南平'},{'area': ['新罗区', '漳平市', '长汀县', '武平县', '上杭县', '永定县','连城县'],'name': '龙岩'},{'area': ['蕉城区', '福安市', '福鼎市', '寿宁县', '霞浦县', '柘荣县','屏南县', '古田县', '周宁县'],'name': '宁德'}],'name': '福建'},{'city': [{'area': ['东湖区', '西湖区', '青云谱区', '湾里区', '青山湖区', '新建县','南昌县', '进贤县', '安义县'],'name': '南昌'},{'area': ['珠山区', '昌江区', '乐平市', '浮梁县'],'name': '景德镇'},{'area': ['安源区', '湘东区', '莲花县', '上栗县', '芦溪县'],'name': '萍乡'},{'area': ['浔阳区', '庐山区', '瑞昌市', '九江县', '星子县', '武宁县','彭泽县', '永修县', '修水县', '湖口县', '德安县', '都昌县'],'name': '九江'},{'area': ['渝水区', '分宜县'],'name': '新余'},{'area': ['月湖区', '贵溪市', '余江县'],'name': '鹰潭'},{'area': ['章贡区', '瑞金市', '南康市', '石城县', '安远县', '赣县','宁都县', '寻乌县', '兴国县', '定南县', '上犹县', '于都县','龙南县', '崇义县', '信丰县', '全南县', '大余县', '会昌县'],'name': '赣州'},{'area': ['吉州区', '青原区', '井冈山市', '吉安县', '永丰县', '永新县','新干县', '泰和县', '峡江县', '遂川县', '安福县', '吉水县','万安县'],'name': '吉安'},{'area': ['袁州区', '丰城市', '樟树市', '高安市', '铜鼓县', '靖安县','宜丰县', '奉新县', '万载县', '上高县'],'name': '宜春'},{'area': ['临川区', '南丰县', '乐安县', '金溪县', '南城县', '东乡县','资溪县', '宜黄县', '广昌县', '黎川县', '崇仁县'],'name': '抚州'},{'area': ['信州区', '德兴市', '上饶县', '广丰县', '鄱阳县', '婺源县','铅山县', '余干县', '横峰县', '弋阳县', '玉山县', '万年县'],'name': '上饶'}],'name': '江西'},{'city': [{'area': ['市中区', '历下区', '天桥区', '槐荫区', '历城区', '长清区','章丘市', '平阴县', '济阳县', '商河县'],'name': '济南'},{'area': ['市南区', '市北区', '城阳区', '四方区', '李沧区', '黄岛区','崂山区', '胶南市', '胶州市', '平度市', '莱西市', '即墨市'],'name': '青岛'},{'area': ['张店区', '临淄区', '淄川区', '博山区', '周村区', '桓台县','高青县', '沂源县'],'name': '淄博'},{'area': ['市中区', '山亭区', '峄城区', '台儿庄区', '薛城区', '滕州市'],'name': '枣庄'},{'area': ['东营区', '河口区', '垦利县', '广饶县', '利津县'],'name': '东营'},{'area': ['芝罘区', '福山区', '牟平区', '莱山区', '龙口市', '莱阳市','莱州市', '招远市', '蓬莱市', '栖霞市', '海阳市', '长岛县'],'name': '烟台'},{'area': ['潍城区', '寒亭区', '坊子区', '奎文区', '青州市', '诸城市','寿光市', '安丘市', '高密市', '昌邑市', '昌乐县', '临朐县'],'name': '潍坊'},{'area': ['市中区', '任城区', '曲阜市', '兖州市', '邹城市', '鱼台县','金乡县', '嘉祥县', '微山县', '汶上县', '泗水县', '梁山县'],'name': '济宁'},{'area': ['泰山区', '岱岳区', '新泰市', '肥城市', '宁阳县', '东平县'],'name': '泰安'},{'area': ['环翠区', '乳山市', '文登市', '荣成市'],'name': '威海'},{'area': ['东港区', '岚山区', '五莲县', '莒县'],'name': '日照'},{'area': ['莱城区', '钢城区'],'name': '莱芜'},{'area': ['兰山区', '罗庄区', '河东区', '沂南县', '郯城县', '沂水县','苍山县', '费县', '平邑县', '莒南县', '蒙阴县', '临沭县'],'name': '临沂'},{'area': ['德城区', '乐陵市', '禹城市', '陵县', '宁津县', '齐河县','武城县', '庆云县', '平原县', '夏津县', '临邑县'],'name': '德州'},{'area': ['东昌府区', '临清市', '高唐县', '阳谷县', '茌平县', '莘县','东阿县', '冠县'],'name': '聊城'},{'area': ['滨城区', '邹平县', '沾化县', '惠民县', '博兴县', '阳信县','无棣县'],'name': '滨州'},{'area': ['牡丹区', '鄄城县', '单县', '郓城县', '曹县', '定陶县','巨野县', '东明县', '成武县'],'name': '菏泽'}],'name': '山东'},{'city': [{'area': ['中原区', '金水区', '二七区', '管城回族区', '上街区', '惠济区','巩义市', '新郑市', '新密市', '登封市', '荥阳市', '中牟县'],'name': '郑州'},{'area': ['鼓楼区', '龙亭区', '顺河回族区', '禹王台区', '金明区', '开封县','尉氏县', '兰考县', '杞县', '通许县'],'name': '开封'},{'area': ['西工区', '老城区', '涧西区', '瀍河回族区', '洛龙区', '吉利区','偃师市', '孟津县', '汝阳县', '伊川县', '洛宁县', '嵩县', '宜阳县','新安县', '栾川县'],'name': '洛阳'},{'area': ['新华区', '卫东区', '湛河区', '石龙区', '汝州市', '舞钢市','宝丰县', '叶县', '郏县', '鲁山县'],'name': '平顶山'},{'area': ['北关区', '文峰区', '殷都区', '龙安区', '林州市', '安阳县','滑县', '内黄县', '汤阴县'],'name': '安阳'},{'area': ['淇滨区', '山城区', '鹤山区', '浚县', '淇县'],'name': '鹤壁'},{'area': ['卫滨区', '红旗区', '凤泉区', '牧野区', '卫辉市', '辉县市','新乡县', '获嘉县', '原阳县', '长垣县', '封丘县', '延津县'],'name': '新乡'},{'area': ['解放区', '中站区', '马村区', '山阳区', '沁阳市', '孟州市','修武县', '温县', '武陟县', '博爱县'],'name': '焦作'},{'area': ['华龙区', '濮阳县', '南乐县', '台前县', '清丰县', '范县'],'name': '濮阳'},{'area': ['魏都区', '禹州市', '长葛市', '许昌县', '鄢陵县', '襄城县'],'name': '许昌'},{'area': ['源汇区', '郾城区', '召陵区', '临颍县', '舞阳县'],'name': '漯河'},{'area': ['湖滨区', '义马市', '灵宝市', '渑池县', '卢氏县', '陕县'],'name': '三门峡'},{'area': ['卧龙区', '宛城区', '邓州市', '桐柏县', '方城县', '淅川县','镇平县', '唐河县', '南召县', '内乡县', '新野县', '社旗县','西峡县'],'name': '南阳'},{'area': ['梁园区', '睢阳区', '永城市', '宁陵县', '虞城县', '民权县','夏邑县', '柘城县', '睢县'],'name': '商丘'},{'area': ['浉河区', '平桥区', '潢川县', '淮滨县', '息县', '新县','商城县', '固始县', '罗山县', '光山县'],'name': '信阳'},{'area': ['川汇区', '项城市', '商水县', '淮阳县', '太康县', '鹿邑县','西华县', '扶沟县', '沈丘县', '郸城县'],'name': '周口'},{'area': ['驿城区', '确山县', '新蔡县', '上蔡县', '西平县', '泌阳县','平舆县', '汝南县', '遂平县', '正阳县'],'name': '驻马店'}, {'area': ['济源市'],'name': '焦作'}],'name': '河南'},{'city': [{'area': ['江岸区', '武昌区', '江汉区', '硚口区', '汉阳区', '青山区','洪山区', '东西湖区', '汉南区', '蔡甸区', '江夏区', '黄陂区','新洲区'],'name': '武汉'},{'area': ['黄石港区', '西塞山区', '下陆区', '铁山区', '大冶市', '阳新县'],'name': '黄石'},{'area': ['张湾区', '茅箭区', '丹江口市', '郧县', '竹山县', '房县','郧西县', '竹溪县'],'name': '十堰'},{'area': ['沙市区', '荆州区', '洪湖市', '石首市', '松滋市', '监利县','公安县', '江陵县'],'name': '荆州'},{'area': ['西陵区', '伍家岗区', '点军区', '猇亭区', '夷陵区', '宜都市','当阳市', '枝江市', '秭归县', '远安县', '兴山县', '五峰土家族自治县','长阳土家族自治县'],'name': '宜昌'},{'area': ['襄城区', '樊城区', '襄阳区', '老河口市', '枣阳市', '宜城市','南漳县', '谷城县', '保康县'],'name': '襄樊'},{'area': ['鄂城区', '华容区', '梁子湖区'],'name': '鄂州'},{'area': ['东宝区', '掇刀区', '钟祥市', '京山县', '沙洋县'],'name': '荆门'},{'area': ['孝南区', '应城市', '安陆市', '汉川市', '云梦县', '大悟县','孝昌县'],'name': '孝感'},{'area': ['黄州区', '麻城市', '武穴市', '红安县', '罗田县', '浠水县','蕲春县', '黄梅县', '英山县', '团风县'],'name': '黄冈'},{'area': ['咸安区', '赤壁市', '嘉鱼县', '通山县', '崇阳县', '通城县'],'name': '咸宁'},{'area': ['曾都区', '广水市'],'name': '随州'},{'area': ['恩施市', '利川市', '建始县', '来凤县', '巴东县', '鹤峰县','宣恩县', '咸丰县'],'name': '恩施土家族苗族自治州'}, {'area': ['仙桃'],'name': '仙桃'}, {'area': ['天门'],'name': '天门'}, {'area': ['潜江'],'name': '潜江'}, {'area': ['神农架林区'],'name': '神农架林区'}],'name': '湖北'},{'city': [{'area': ['岳麓区', '芙蓉区', '天心区', '开福区', '雨花区', '浏阳市','长沙县', '望城县', '宁乡县'],'name': '长沙'},{'area': ['天元区', '荷塘区', '芦淞区', '石峰区', '醴陵市', '株洲县','炎陵县', '茶陵县', '攸县'],'name': '株洲'},{'area': ['岳塘区', '雨湖区', '湘乡市', '韶山市', '湘潭县'],'name': '湘潭'},{'area': ['雁峰区', '珠晖区', '石鼓区', '蒸湘区', '南岳区', '耒阳市','常宁市', '衡阳县', '衡东县', '衡山县', '衡南县', '祁东县'],'name': '衡阳'},{'area': ['双清区', '大祥区', '北塔区', '武冈市', '邵东县', '洞口县','新邵县', '绥宁县', '新宁县', '邵阳县', '隆回县', '城步苗族自治县'],'name': '邵阳'},{'area': ['岳阳楼区', '云溪区', '君山区', '临湘市', '汨罗市', '岳阳县','湘阴县', '平江县', '华容县'],'name': '岳阳'},{'area': ['武陵区', '鼎城区', '津市市', '澧县', '临澧县', '桃源县','汉寿县', '安乡县', '石门县'],'name': '常德'},{'area': ['永定区', '武陵源区', '慈利县', '桑植县'],'name': '张家界'},{'area': ['赫山区', '资阳区', '沅江市', '桃江县', '南县', '安化县'],'name': '益阳'},{'area': ['北湖区', '苏仙区', '资兴市', '宜章县', '汝城县', '安仁县','嘉禾县', '临武县', '桂东县', '永兴县', '桂阳县'],'name': '郴州'},{'area': ['冷水滩区', '零陵区', '祁阳县', '蓝山县', '宁远县', '新田县','东安县', '江永县', '道县', '双牌县', '江华瑶族自治县'],'name': '永州'},{'area': ['鹤城区', '洪江市', '会同县', '沅陵县', '辰溪县', '溆浦县','中方县', '新晃侗族自治县', '芷江侗族自治县', '通道侗族自治县','靖州苗族侗族自治县', '麻阳苗族自治县'],'name': '怀化'},{'area': ['娄星区', '冷水江市', '涟源市', '新化县', '双峰县'],'name': '娄底'},{'area': ['吉首市', '古丈县', '龙山县', '永顺县', '凤凰县', '泸溪县','保靖县', '花垣县'],'name': '湘西土家族苗族自治州'}],'name': '湖南'},{'city': [{'area': ['越秀区', '荔湾区', '海珠区', '天河区', '白云区', '黄埔区','番禺区', '花都区', '南沙区', '萝岗区', '增城市', '从化市'],'name': '广州'},{'area': ['福田区', '罗湖区', '南山区', '宝安区', '龙岗区', '盐田区'],'name': '深圳'},{'area': ['莞城区', '南城区', '东城区', '万江区', '石碣镇', '石龙镇','茶山镇', '石排镇', '企石镇', '横沥镇', '桥头镇', '谢岗镇','东坑镇', '常平镇', '寮步镇', '大朗镇', '黄江镇', '清溪镇','塘厦镇', '凤岗镇', '长安镇', '虎门镇', '厚街镇', '沙田镇','道滘镇', '洪梅镇', '麻涌镇', '中堂镇', '高埗镇', '樟木头镇','大岭山镇', '望牛墩镇'],'name': '东莞'},{'area': ['中山'],'name': '中山'},{'area': ['湘桥区', '潮安县', '饶平县'],'name': '潮州'},{'area': ['榕城区', '揭东县', '揭西县', '惠来县', '普宁市'],'name': '揭阳'},{'area': ['云城区', '新兴县', '郁南县', '云安县', '罗定市'],'name': '云浮'},{'area': ['香洲区', '斗门区', '金湾区'],'name': '珠海'},{'area': ['金平区', '濠江区', '龙湖区', '潮阳区', '潮南区', '澄海区','南澳县'],'name': '汕头'},{'area': ['浈江区', '武江区', '曲江区', '乐昌市', '南雄市', '始兴县','仁化县', '翁源县', '新丰县', '乳源瑶族自治县'],'name': '韶关'},{'area': ['禅城区', '南海区', '顺德区', '三水区', '高明区'],'name': '佛山'},{'area': ['蓬江区', '江海区', '新会区', '恩平市', '台山市', '开平市','鹤山市'],'name': '江门'},{'area': ['赤坎区', '霞山区', '坡头区', '麻章区', '吴川市', '廉江市','雷州市', '遂溪县', '徐闻县'],'name': '湛江'},{'area': ['茂南区', '茂港区', '化州市', '信宜市', '高州市', '电白县'],'name': '茂名'},{'area': ['端州区', '鼎湖区', '高要市', '四会市', '广宁县', '怀集县','封开县', '德庆县'],'name': '肇庆'},{'area': ['惠城区', '惠阳区', '博罗县', '惠东县', '龙门县'],'name': '惠州'},{'area': ['梅江区', '兴宁市', '梅县', '大埔县', '丰顺县', '五华县','平远县', '蕉岭县'],'name': '梅州'},{'area': ['城区', '陆丰市', '海丰县', '陆河县'],'name': '汕尾'},{'area': ['源城区', '紫金县', '龙川县', '连平县', '和平县', '东源县'],'name': '河源'},{'area': ['江城区', '阳春市', '阳西县', '阳东县'],'name': '阳江'},{'area': ['清城区', '英德市', '连州市', '佛冈县', '阳山县', '清新县','连山壮族瑶族自治县', '连南瑶族自治县'],'name': '清远'}],'name': '广东'},{'city': [{'area': ['青秀区', '兴宁区', '西乡塘区', '良庆区', '江南区', '邕宁区','武鸣县', '隆安县', '马山县', '上林县', '宾阳县', '横县'],'name': '南宁'},{'area': ['城中区', '鱼峰区', '柳北区', '柳南区', '柳江县', '柳城县','鹿寨县', '融安县', '融水苗族自治县', '三江侗族自治县'],'name': '柳州'},{'area': ['象山区', '秀峰区', '叠彩区', '七星区', '雁山区', '阳朔县','临桂县', '灵川县', '全州县', '平乐县', '兴安县', '灌阳县','荔浦县', '资源县', '永福县', '龙胜各族自治县', '恭城瑶族自治县'],'name': '桂林'},{'area': ['万秀区', '蝶山区', '长洲区', '岑溪市', '苍梧县', '藤县','蒙山县'],'name': '梧州'},{'area': ['海城区', '银海区', '铁山港区', '合浦县'],'name': '北海'},{'area': ['港口区', '防城区', '东兴市', '上思县'],'name': '防城港'},{'area': ['钦南区', '钦北区', '灵山县', '浦北县'],'name': '钦州'},{'area': ['港北区', '港南区', '覃塘区', '桂平市', '平南县'],'name': '贵港'},{'area': ['玉州区', '北流市', '容县', '陆川县', '博白县', '兴业县'],'name': '玉林'},{'area': ['右江区', '凌云县', '平果县', '西林县', '乐业县', '德保县','田林县', '田阳县', '靖西县', '田东县', '那坡县', '隆林各族自治县'],'name': '百色'},{'area': ['八步区', '钟山县', '昭平县', '富川瑶族自治县'],'name': '贺州'},{'area': ['金城江区', '宜州市', '天峨县', '凤山县', '南丹县', '东兰县','都安瑶族自治县', '罗城仫佬族自治县', '巴马瑶族自治县', '环江毛南族自治县','大化瑶族自治县'],'name': '河池'},{'area': ['兴宾区', '合山市', '象州县', '武宣县', '忻城县','金秀瑶族自治县'],'name': '来宾'},{'area': ['江州区', '凭祥市', '宁明县', '扶绥县', '龙州县', '大新县','天等县'],'name': '崇左'}],'name': '广西'},{'city': [{'area': ['龙华区', '秀英区', '琼山区', '美兰区'],'name': '海口'}, {'area': ['三亚市'],'name': '三亚'}, {'area': ['五指山'],'name': '五指山'}, {'area': ['琼海'],'name': '琼海'}, {'area': ['儋州'],'name': '儋州'}, {'area': ['文昌'],'name': '文昌'}, {'area': ['万宁'],'name': '万宁'}, {'area': ['东方'],'name': '东方'}, {'area': ['澄迈县'],'name': '澄迈县'}, {'area': ['定安县'],'name': '定安县'}, {'area': ['屯昌县'],'name': '屯昌县'}, {'area': ['临高县'],'name': '临高县'}, {'area': ['白沙黎族自治县'],'name': '白沙黎族自治县'}, {'area': ['昌江黎族自治县'],'name': '昌江黎族自治县'}, {'area': ['乐东黎族自治县'],'name': '乐东黎族自治县'}, {'area': ['陵水黎族自治县'],'name': '陵水黎族自治县'}, {'area': ['保亭黎族苗族自治县'],'name': '保亭黎族苗族自治县'}, {'area': ['琼中黎族苗族自治县'],'name': '琼中黎族苗族自治县'}],'name': '海南'},{'city': [{'area': ['渝中区', '大渡口区', '江北区', '南岸区', '北碚区', '渝北区', '巴南区','长寿区', '双桥区', '沙坪坝区', '万盛区', '万州区', '涪陵区', '黔江区','永川区', '合川区', '江津区', '九龙坡区', '南川区', '綦江县', '潼南县','荣昌县', '璧山县', '大足县', '铜梁县', '梁平县', '开县', '忠县', '城口县','垫江县', '武隆县', '丰都县', '奉节县', '云阳县', '巫溪县', '巫山县','石柱土家族自治县', '秀山土家族苗族自治县', '酉阳土家族苗族自治县', '彭水苗族土家族自治县'],'name': '重庆'}],'name': '重庆'},{'city': [{'area': ['青羊区', '锦江区', '金牛区', '武侯区', '成华区', '龙泉驿区','青白江区', '新都区', '温江区', '都江堰市', '彭州市', '邛崃市','崇州市', '金堂县', '郫县', '新津县', '双流县', '蒲江县', '大邑县'],'name': '成都'},{'area': ['大安区', '自流井区', '贡井区', '沿滩区', '荣县', '富顺县'],'name': '自贡'},{'area': ['仁和区', '米易县', '盐边县', '东区', '西区'],'name': '攀枝花'},{'area': ['江阳区', '纳溪区', '龙马潭区', '泸县', '合江县', '叙永县','古蔺县'],'name': '泸州'},{'area': ['旌阳区', '广汉市', '什邡市', '绵竹市', '罗江县', '中江县'],'name': '德阳'},{'area': ['涪城区', '游仙区', '江油市', '盐亭县', '三台县', '平武县','安县', '梓潼县', '北川羌族自治县'],'name': '绵阳'},{'area': ['元坝区', '朝天区', '青川县', '旺苍县', '剑阁县', '苍溪县','市中区'],'name': '广元'},{'area': ['船山区', '安居区', '射洪县', '蓬溪县', '大英县'],'name': '遂宁'},{'area': ['市中区', '东兴区', '资中县', '隆昌县', '威远县'],'name': '内江'},{'area': ['市中区', '五通桥区', '沙湾区', '金口河区', '峨眉山市', '夹江县','井研县', '犍为县', '沐川县', '马边彝族自治县', '峨边彝族自治县'],'name': '乐山'},{'area': ['顺庆区', '高坪区', '嘉陵区', '阆中市', '营山县', '蓬安县','仪陇县', '南部县', '西充县'],'name': '南充'},{'area': ['东坡区', '仁寿县', '彭山县', '洪雅县', '丹棱县', '青神县'],'name': '眉山'},{'area': ['翠屏区', '宜宾县', '兴文县', '南溪县', '珙县', '长宁县','高县', '江安县', '筠连县', '屏山县'],'name': '宜宾'},{'area': ['广安区', '华蓥市', '岳池县', '邻水县', '武胜县'],'name': '广安'},{'area': ['通川区', '万源市', '达县', '渠县', '宣汉县', '开江县','大竹县'],'name': '达州'},{'area': ['雨城区', '芦山县', '石棉县', '名山县', '天全县', '荥经县','宝兴县', '汉源县'],'name': '雅安'},{'area': ['巴州区', '南江县', '平昌县', '通江县'],'name': '巴中'},{'area': ['雁江区', '简阳市', '安岳县', '乐至县'],'name': '资阳'},{'area': ['马尔康县', '九寨沟县', '红原县', '汶川县', '阿坝县', '理县','若尔盖县', '小金县', '黑水县', '金川县', '松潘县', '壤塘县','茂县'],'name': '阿坝藏族羌族自治州'},{'area': ['康定县', '丹巴县', '炉霍县', '九龙县', '甘孜县', '雅江县','新龙县', '道孚县', '白玉县', '理塘县', '德格县', '乡城县','石渠县', '稻城县', '色达县', '巴塘县', '泸定县', '得荣县'],'name': '甘孜藏族自治州'},{'area': ['西昌市', '美姑县', '昭觉县', '金阳县', '甘洛县', '布拖县','雷波县', '普格县', '宁南县', '喜德县', '会东县', '越西县','会理县', '盐源县', '德昌县', '冕宁县', '木里藏族自治县'],'name': '凉山彝族自治州'}],'name': '四川'},{'city': [{'area': ['南明区', '云岩区', '花溪区', '乌当区', '白云区', '小河区','清镇市', '开阳县', '修文县', '息烽县'],'name': '贵阳'},{'area': ['钟山区', '水城县', '盘县', '六枝特区'],'name': '六盘水'},{'area': ['红花岗区', '汇川区', '赤水市', '仁怀市', '遵义县', '绥阳县','桐梓县', '习水县', '凤冈县', '正安县', '余庆县', '湄潭县','道真仡佬族苗族自治县', '务川仡佬族苗族自治县'],'name': '遵义'},{'area': ['西秀区', '普定县', '平坝县', '镇宁布依族苗族自治县','紫云苗族布依族自治县', '关岭布依族苗族自治县'],'name': '安顺'},{'area': ['铜仁市', '德江县', '江口县', '思南县', '石阡县','玉屏侗族自治县', '松桃苗族自治县', '印江土家族苗族自治县', '沿河土家族自治县','万山特区'],'name': '铜仁地区'},{'area': ['毕节市', '黔西县', '大方县', '织金县', '金沙县', '赫章县','纳雍县', '威宁彝族回族苗族自治县'],'name': '毕节地区'},{'area': ['兴义市', '望谟县', '兴仁县', '普安县', '册亨县', '晴隆县','贞丰县', '安龙县'],'name': '黔西南布依族苗族自治州'},{'area': ['凯里市', '施秉县', '从江县', '锦屏县', '镇远县', '麻江县','台江县', '天柱县', '黄平县', '榕江县', '剑河县', '三穗县','雷山县', '黎平县', '岑巩县', '丹寨县'],'name': '黔东南苗族侗族自治州'},{'area': ['都匀市', '福泉市', '贵定县', '惠水县', '罗甸县', '瓮安县','荔波县', '龙里县', '平塘县', '长顺县', '独山县', '三都水族自治县'],'name': '黔南布依族苗族自治州'}],'name': '贵州'},{'city': [{'area': ['盘龙区', '五华区', '官渡区', '西山区', '东川区', '安宁市','呈贡县', '晋宁县', '富民县', '宜良县', '嵩明县', '石林彝族自治县','禄劝彝族苗族自治县', '寻甸回族彝族自治县'],'name': '昆明'},{'area': ['麒麟区', '宣威市', '马龙县', '沾益县', '富源县', '罗平县','师宗县', '陆良县', '会泽县'],'name': '曲靖'},{'area': ['红塔区', '江川县', '澄江县', '通海县', '华宁县', '易门县','峨山彝族自治县', '新平彝族傣族自治县', '元江哈尼族彝族傣族自治县'],'name': '玉溪'},{'area': ['隆阳区', '施甸县', '腾冲县', '龙陵县', '昌宁县'],'name': '保山'},{'area': ['昭阳区', '鲁甸县', '巧家县', '盐津县', '大关县', '永善县','绥江县', '镇雄县', '彝良县', '威信县', '水富县'],'name': '昭通'},{'area': ['古城区', '永胜县', '华坪县', '玉龙纳西族自治县', '宁蒗彝族自治县'],'name': '丽江'},{'area': ['思茅区', '普洱哈尼族彝族自治县', '墨江哈尼族自治县', '景东彝族自治县','景谷傣族彝族自治县', '镇沅彝族哈尼族拉祜族自治县', '江城哈尼族彝族自治县','孟连傣族拉祜族佤族自治县', '澜沧拉祜族自治县', '西盟佤族自治县'],'name': '普洱'},{'area': ['临翔区', '凤庆县', '云县', '永德县', '镇康县','双江拉祜族佤族布朗族傣族自治县', '耿马傣族佤族自治县', '沧源佤族自治县'],'name': '临沧'},{'area': ['潞西市', '瑞丽市', '梁河县', '盈江县', '陇川县'],'name': '德宏傣族景颇族自治州'},{'area': ['泸水县', '福贡县', '贡山独龙族怒族自治县', '兰坪白族普米族自治县'],'name': '怒江傈僳族自治州'},{'area': ['香格里拉县', '德钦县', '维西傈僳族自治县'],'name': '迪庆藏族自治州'},{'area': ['大理市', '祥云县', '宾川县', '弥渡县', '永平县', '云龙县','洱源县', '剑川县', '鹤庆县', '漾濞彝族自治县', '南涧彝族自治县','巍山彝族回族自治县'],'name': '大理白族自治州'},{'area': ['楚雄市', '双柏县', '牟定县', '南华县', '姚安县', '大姚县','永仁县', '元谋县', '武定县', '禄丰县'],'name': '楚雄彝族自治州'},{'area': ['蒙自县', '个旧市', '开远市', '绿春县', '建水县', '石屏县','弥勒县', '泸西县', '元阳县', '红河县', '金平苗族瑶族傣族自治县','河口瑶族自治县', '屏边苗族自治县'],'name': '红河哈尼族彝族自治州'},{'area': ['文山县', '砚山县', '西畴县', '麻栗坡县', '马关县', '丘北县','广南县', '富宁县'],'name': '文山壮族苗族自治州'}, {'area': ['景洪市', '勐海县', '勐腊县'],'name': '西双版纳傣族自治州'}],'name': '云南'},{'city': [{'area': ['城关区', '林周县', '当雄县', '尼木县', '曲水县', '堆龙德庆县','达孜县', '墨竹工卡县'],'name': '拉萨'},{'area': ['那曲县', '嘉黎县', '比如县', '聂荣县', '安多县', '申扎县','索县', '班戈县', '巴青县', '尼玛县'],'name': '那曲地区'},{'area': ['昌都县', '江达县', '贡觉县', '类乌齐县', '丁青县', '察雅县','八宿县', '左贡县', '芒康县', '洛隆县', '边坝县'],'name': '昌都地区'},{'area': ['林芝县', '工布江达县', '米林县', '墨脱县', '波密县', '察隅县','朗县'],'name': '林芝地区'},{'area': ['乃东县', '扎囊县', '贡嘎县', '桑日县', '琼结县', '曲松县','措美县', '洛扎县', '加查县', '隆子县', '错那县', '浪卡子县'],'name': '山南地区'},{'area': ['日喀则市', '南木林县', '江孜县', '定日县', '萨迦县', '拉孜县','昂仁县', '谢通门县', '白朗县', '仁布县', '康马县', '定结县','仲巴县', '亚东县', '吉隆县', '聂拉木县', '萨嘎县', '岗巴县'],'name': '日喀则地区'},{'area': ['噶尔县', '普兰县', '札达县', '日土县', '革吉县', '改则县','措勤县'],'name': '阿里地区'}],'name': '西藏'},{'city': [{'area': ['莲湖区', '新城区', '碑林区', '雁塔区', '灞桥区', '未央区','阎良区', '临潼区', '长安区', '高陵县', '蓝田县', '户县', '周至县'],'name': '西安'},{'area': ['耀州区', '王益区', '印台区', '宜君县'],'name': '铜川'},{'area': ['渭滨区', '金台区', '陈仓区', '岐山县', '凤翔县', '陇县','太白县', '麟游县', '扶风县', '千阳县', '眉县', '凤县'],'name': '宝鸡'},{'area': ['秦都区', '渭城区', '杨陵区', '兴平市', '礼泉县', '泾阳县','永寿县', '三原县', '彬县', '旬邑县', '长武县', '乾县', '武功县','淳化县'],'name': '咸阳'},{'area': ['临渭区', '韩城市', '华阴市', '蒲城县', '潼关县', '白水县','澄城县', '华县', '合阳县', '富平县', '大荔县'],'name': '渭南'},{'area': ['宝塔区', '安塞县', '洛川县', '子长县', '黄陵县', '延川县','富县', '延长县', '甘泉县', '宜川县', '志丹县', '黄龙县', '吴起县'],'name': '延安'},{'area': ['汉台区', '留坝县', '镇巴县', '城固县', '南郑县', '洋县','宁强县', '佛坪县', '勉县', '西乡县', '略阳县'],'name': '汉中'},{'area': ['榆阳区', '清涧县', '绥德县', '神木县', '佳县', '府谷县','子洲县', '靖边县', '横山县', '米脂县', '吴堡县', '定边县'],'name': '榆林'},{'area': ['汉滨区', '紫阳县', '岚皋县', '旬阳县', '镇坪县', '平利县','石泉县', '宁陕县', '白河县', '汉阴县'],'name': '安康'},{'area': ['商州区', '镇安县', '山阳县', '洛南县', '商南县', '丹凤县','柞水县'],'name': '商洛'}],'name': '陕西'},{'city': [{'area': ['城关区', '七里河区', '西固区', '安宁区', '红古区', '永登县','皋兰县', '榆中县'],'name': '兰州'},{'area': ['嘉峪关市'],'name': '嘉峪关'},{'area': ['金川区', '永昌县'],'name': '金昌'},{'area': ['白银区', '平川区', '靖远县', '会宁县', '景泰县'],'name': '白银'},{'area': ['清水县', '秦安县', '甘谷县', '武山县', '张家川回族自治县','北道区', '秦城区'],'name': '天水'},{'area': ['凉州区', '民勤县', '古浪县', '天祝藏族自治县'],'name': '武威'},{'area': ['肃州区', '玉门市', '敦煌市', '金塔县', '肃北蒙古族自治县','阿克塞哈萨克族自治县', '安西县'],'name': '酒泉'},{'area': ['甘州区', '民乐县', '临泽县', '高台县', '山丹县','肃南裕固族自治县'],'name': '张掖'},{'area': ['西峰区', '庆城县', '环县', '华池县', '合水县', '正宁县','宁县', '镇原县'],'name': '庆阳'},{'area': ['崆峒区', '泾川县', '灵台县', '崇信县', '华亭县', '庄浪县','静宁县'],'name': '平凉'},{'area': ['安定区', '通渭县', '临洮县', '漳县', '岷县', '渭源县','陇西县'],'name': '定西'},{'area': ['武都区', '成县', '宕昌县', '康县', '文县', '西和县', '礼县','两当县', '徽县'],'name': '陇南'},{'area': ['临夏市', '临夏县', '康乐县', '永靖县', '广河县', '和政县','东乡族自治县', '积石山保安族东乡族撒拉族自治县'],'name': '临夏回族自治州'},{'area': ['合作市', '临潭县', '卓尼县', '舟曲县', '迭部县', '玛曲县','碌曲县', '夏河县'],'name': '甘南藏族自治州'}],'name': '甘肃'},{'city': [{'area': ['城中区', '城东区', '城西区', '城北区', '湟源县', '湟中县','大通回族土族自治县'],'name': '西宁'},{'area': ['平安县', '乐都县', '民和回族土族自治县', '互助土族自治县','化隆回族自治县', '循化撒拉族自治县'],'name': '海东地区'},{'area': ['海晏县', '祁连县', '刚察县', '门源回族自治县'],'name': '海北藏族自治州'},{'area': ['共和县', '同德县', '贵德县', '兴海县', '贵南县'],'name': '海南藏族自治州'},{'area': ['同仁县', '尖扎县', '泽库县', '河南蒙古族自治县'],'name': '黄南藏族自治州'},{'area': ['玛沁县', '班玛县', '甘德县', '达日县', '久治县', '玛多县'],'name': '果洛藏族自治州'},{'area': ['玉树县', '杂多县', '称多县', '治多县', '囊谦县', '曲麻莱县'],'name': '玉树藏族自治州'}, {'area': ['德令哈市', '格尔木市', '乌兰县', '都兰县', '天峻县'],'name': '海西蒙古族藏族自治州'}],'name': '青海'},{'city': [{'area': ['兴庆区', '西夏区', '金凤区', '灵武市', '永宁县', '贺兰县'],'name': '银川'}, {'area': ['大武口区', '惠农区', '平罗县'],'name': '石嘴山'}, {'area': ['利通区', '青铜峡市', '盐池县', '同心县'],'name': '吴忠'}, {'area': ['原州区', '西吉县', '隆德县', '泾源县', '彭阳县'],'name': '固原'}, {'area': ['沙坡头区', '中宁县', '海原县'],'name': '中卫'}],'name': '宁夏'},{'city': [{'area': ['天山区', '沙依巴克区', '新市区', '水磨沟区', '头屯河区','达坂城区', '东山区', '乌鲁木齐县'],'name': '乌鲁木齐'},{'area': ['克拉玛依区', '独山子区', '白碱滩区', '乌尔禾区'],'name': '克拉玛依'},{'area': ['吐鲁番市', '托克逊县', '鄯善县'],'name': '吐鲁番地区'},{'area': ['哈密市', '伊吾县', '巴里坤哈萨克自治县'],'name': '哈密地区'},{'area': ['和田市', '和田县', '洛浦县', '民丰县', '皮山县', '策勒县','于田县', '墨玉县'],'name': '和田地区'},{'area': ['阿克苏市', '温宿县', '沙雅县', '拜城县', '阿瓦提县', '库车县','柯坪县', '新和县', '乌什县'],'name': '阿克苏地区'},{'area': ['喀什市', '巴楚县', '泽普县', '伽师县', '叶城县', '岳普湖县','疏勒县', '麦盖提县', '英吉沙县', '莎车县', '疏附县','塔什库尔干塔吉克自治县'],'name': '喀什地区'},{'area': ['阿图什市', '阿合奇县', '乌恰县', '阿克陶县'],'name': '克孜勒苏柯尔克孜自治州'},{'area': ['库尔勒市', '和静县', '尉犁县', '和硕县', '且末县', '博湖县','轮台县', '若羌县', '焉耆回族自治县'],'name': '巴音郭楞蒙古自治州'},{'area': ['昌吉市', '阜康市', '奇台县', '玛纳斯县', '吉木萨尔县','呼图壁县', '木垒哈萨克自治县', '米泉市'],'name': '昌吉回族自治州'},{'area': ['博乐市', '精河县', '温泉县'],'name': '博尔塔拉蒙古自治州'},{'area': ['石河子'],'name': '石河子'},{'area': ['阿拉尔'],'name': '阿拉尔'},{'area': ['图木舒克'],'name': '图木舒克'},{'area': ['五家渠'],'name': '五家渠'},{'area': ['伊宁市', '奎屯市', '伊宁县', '特克斯县', '尼勒克县', '昭苏县','新源县', '霍城县', '巩留县', '察布查尔锡伯自治县', '塔城地区','阿勒泰地区'],'name': '伊犁哈萨克自治州'}],'name': '新疆'},{'city': [{'area': ['台北市', '高雄市', '台北县', '桃园县', '新竹县', '苗栗县','台中县', '彰化县', '南投县', '云林县', '嘉义县', '台南县','高雄县', '屏东县', '宜兰县', '花莲县', '台东县', '澎湖县','基隆市', '新竹市', '台中市', '嘉义市', '台南市'],'name': '台湾'}],'name': '台湾'},{'city': [{'area': ['花地玛堂区', '圣安多尼堂区', '大堂区', '望德堂区', '风顺堂区', '嘉模堂区','圣方济各堂区', '路凼'],'name': '澳门'}],'name': '澳门'},{'city': [{'area': ['中西区', '湾仔区', '东区', '南区', '深水埗区', '油尖旺区', '九龙城区','黄大仙区', '观塘区', '北区', '大埔区', '沙田区', '西贡区', '元朗区', '屯门区','荃湾区', '葵青区', '离岛区'],'name': '香港'}],'name': '香港'}]const privinceList = []
const cityList = []
const districtList = []function getFirstPrinvince () {for (var item of listAddress) {privinceList.push(item.name)}
}function getFirstCityList () {for (var cityitem of listAddress[0].city) {cityList.push(cityitem.name)}
}
function getFirstDistrictList () {for (var disitem of listAddress[0].city[0].area) {districtList.push(disitem)}
}
getFirstPrinvince()
getFirstCityList()
getFirstDistrictList()
export {listAddress,privinceList,cityList,districtList
}

2.创建省市区三级联动组件，命名为LocationPicker.vue，内容如下：

<template><div class="location-container"><div class="location-title-content"><h3 class="location-title">选择地区</h3><button class="btn-confirm" @click="chooseConfirm">确定</button></div><mt-picker :slots="myAddressSlots" @change="onAddressChange"></mt-picker></div>
</template><script>// 引入省市区数据import {cityList, districtList, listAddress, privinceList} from '../js/provinceData'export default {name: 'LocationPicker',props:{'provinceData':{type: String},'cityData':{type: String},'districtData':{type: String}},data () {return {/*provinceData:'广东',cityData:'深圳',districtData:'罗湖区',*/provinceIndex:0,cityIndex:0,districtIndex:0,myprivinceList: [], // 省的数组mycityList: [], // 省对应城市的数组mydistrictList: [], // 区或者县的数组areapicker: '',myAddressSlots: [{flex: 1,values: privinceList, // 省份数组value:this.provinceData,defaultIndex: this.provinceIndex,className: 'slot1',textAlign: 'center'},{pider: true,content: '-',className: 'slot2'},{flex: 1,values: cityList, // 城市数组value:this.cityData,defaultIndex: this.cityIndex,className: 'slot3',textAlign: 'center'},{pider: true,content: '-',className: 'slot4'},{flex: 1,values: districtList, // 区数组value:this.districtData,defaultIndex: this.districtIndex,className: 'slot5',textAlign: 'center'}],myAddressPrivince: '', // 最后选中的省或直辖市myAddressCity: '', // 最后选中的城市myAddressDistrict: '', // 最后选中的区或者县defaultCity:[],}},watch: {myAddressPrivince (oldval, newval) { // 省数据变化后，更新市的显示数据this.areapicker.setSlotValues(2, this.mycityList)this.areapicker.setSlotValue(2, this.mycityList[0])},myAddressCity (oldval, newval) { // 城市的值改变后，重置区县的数据this.areapicker.setSlotValues(4, this.mydistrictList)this.areapicker.setSlotValue(4, this.mydistrictList[0])},myAddressDistrict (oldval, newval) {}},methods: {onAddressChange: function (picker, values) {this.areapicker = pickerthis.mycityList = []this.mydistrictList = []var chooseList = listAddress.filter(function (item) {return item.name == values[0]})if (chooseList[0].city) {for (var item of chooseList[0].city) {this.mycityList.push(item.name)}// 获取非直辖市数据if (chooseList[0].city.length > 1) {var choosedisList = []if (this.mycityList.indexOf(values[2]) > -1 && values[2] != '其他') {choosedisList = chooseList[0].city.filter(function (item) {return item.name == values[2]})for (var item of choosedisList[0].area) {this.mydistrictList.push(item)}} else {this.mydistrictList = []}}// 获取直辖市数据else {for (var item of chooseList[0].city[0].area) {this.mydistrictList.push(item)}}}this.myAddressPrivince = values[0]this.myAddressCity = values[2]this.myAddressDistrict = values[4]},chooseConfirm: function () {this.$emit('getChooseAddress', this.fullCity, false)},//编辑地址时，获取已选地址的省的下标getProvinceIndex(){for(let i=0;i < privinceList.length;i++){if(privinceList[i]===this.provinceData){this.provinceIndex = ibreak}}},//编辑地址时，获取已选地址的市的下标getCityIndex(){let cityDataList = listAddress[this.provinceIndex].cityfor(let i=0;i < cityDataList.length;i++){this.defaultCity.push(cityDataList[i].name)if(cityDataList[i].name === this.cityData){this.cityIndex = i//break}}},//编辑地址时，获取已选地址的区的下标getDistrictIndex(){let districtDataList = listAddress[this.provinceIndex].city[this.cityIndex].areafor(let i=0;i < districtDataList.length;i++){if(districtDataList[i] === this.districtData){this.districtIndex = ibreak}}}},created(){this.getProvinceIndex()this.getCityIndex()this.getDistrictIndex()},mounted () {//编辑时，默认选中已选的地址this.$nextTick(() => { // vue里面全部加载好了再执行的函数 （类似于setTimeout）this.myAddressSlots[0].defaultIndex = this.provinceIndexthis.myAddressSlots[2].values = this.defaultCitythis.myAddressSlots[2].defaultIndex = this.cityIndexthis.myAddressSlots[4].values = listAddress[this.provinceIndex].city[this.cityIndex].areathis.myAddressSlots[4].defaultIndex = this.districtIndex})},computed: {fullCity: function () {return this.myAddressPrivince + '-' + this.myAddressCity + '-' + this.myAddressDistrict}}
}
</script><style scoped lang="scss">@import "../style/common-sass.scss";.location-container{width:100%;height:6rem;bottom:0px;background: #FFFFFF;box-shadow: 0 3px 10px 0 rgba(27,27,78,0.08);border-radius: 10px 10px 0px 0px;.location-title-content{position: relative;.location-title{font-size: 0.4rem;line-height: 1.2rem;border-bottom: 1px solid #e6e6e6;padding: 0 0.3rem;}.btn-confirm{position: absolute;right: 0.3rem;top: 0.3rem;border: none;background: $btn-red-gradient;color: #fff;line-height: 0.6rem;font-size: 0.4rem;border-radius: 0.1rem;}}}</style>

3.在需要用到省市区三级联动的页面：

<template><div class="address-add-content"><div class="gray-bg-height"></div><div><my-cell><span slot="my-cell-title">收货人</span><span slot="my-cell-val"><input class="address-input" type="text" placeholder="收货人" v-model="address.receiverName"></span></my-cell><my-cell><span slot="my-cell-title">手机号码</span><span slot="my-cell-val"><input class="address-input" type="text" placeholder="手机号码" v-model="address.receiverPhone"></span></my-cell><my-cell><span slot="my-cell-title">邮政编码</span><span slot="my-cell-val"><input class="address-input" type="text" placeholder="邮政编码" v-model="address.postalCode"></span></my-cell><my-cell @click.native="chooseCity"><span slot="my-cell-title">收货地区</span><span slot="my-cell-val"><input class="address-input" type="text" placeholder="请选择地区" v-model="chooseAddress" disabled="disabled"></span><span slot="my-cell-arrow"><i class="iconfont icon-arrow-right color-gray"></i></span></my-cell><div class="address-detail-content"><h3 class="p-title">详细地址</h3><textarea class="address-detail" maxlength="50" placeholder="小区门牌等详细地址" v-model="address.receiveAddress"></textarea></div><mt-popupv-model="popupVisible"position="bottom" class="choose-city"><location-pickerref="locationPicker"@getChooseAddress="getChooseAddress":provinceData="provinceData":cityData="cityData":districtData="districtData"></location-picker></mt-popup></div></div>
</template><script>
import MyCell from '../../../pages/MyCell.vue'
import LocationPicker from '../../../pages/LocationPicker.vue'
import axios from 'axios'
import Qs from 'qs'export default {name: 'AddressAddItem',components: {MyCell,LocationPicker},data () {return {popupVisible: false,chooseAddress: '',address: {receiverName: '',receiverPhone: '',receiveAddress: '',postalCode: '',receiveId: ''},provinceData:'',cityData:'',districtData:''}},created(){this.provinceData = this.$route.params.receiveProvincethis.cityData = this.$route.params.receiveCitythis.districtData = this.$route.params.receiveDistrict},mounted () {this.getData()},methods: {chooseCity () {this.popupVisible = true},getChooseAddress (fullCity, closeVal) {this.chooseAddress = fullCitythis.popupVisible = closeVal},getData: function () {this.address.receiveId = this.$route.params.receiveIdif (this.$route.params.receiveId !== '-1') {// 加载信息this.chooseAddress = this.$route.params.receiveProvince + '-' + this.$route.params.receiveCity + '-' + this.$route.params.receiveDistrictthis.$refs.locationPicker.myAddressPrivince = this.$route.params.receiveProvincethis.$refs.locationPicker.myAddressCity = this.$route.params.receiveCitythis.$refs.locationPicker.myAddressDistrict = this.$route.params.receiveDistrictthis.address.receiverName = this.$route.params.receiverNamethis.address.receiverPhone = this.$route.params.receiverPhonethis.address.receiveAddress = this.$route.params.receiveAddressthis.address.postalCode = this.$route.params.postalCode}},}
}
</script><style scoped lang="scss">.address-add-content{position: absolute;top: 1.2rem;left: 0;right: 0;bottom: 0;background-color: #f0f0f0;.my-cell{.my-cell-right{.address-input{font-size: 0.37rem;line-height: 1rem;width: 7rem;&:disabled{background-color: #fff;width: 6.6rem;color: #333;}}.my-cell-arrow{.iconfont{&.color-gray{color: #999;}}}}}.address-detail-content{font-size: 0;background-color: #fff;.p-title{color: #666;font-size: 0.37rem;padding: 0.3rem 0.3rem 0;}.address-detail{width: 100%;margin: 0;height: 2rem;padding: 0.2rem 0.3rem;font-size: 0.37rem;}}}.choose-city{width: 100%;}
</style>

4.MyCell.vue代码如下：

<template><div class="my-cell clearfix"><div class="my-cell-title"><slot name="my-cell-title">标题文字</slot></div><div class="my-cell-right"><span class="my-cell-val"><slot name="my-cell-val"></slot></span><span class="my-cell-arrow"><slot name="my-cell-arrow"></slot></span></div></div>
</template><script>
export default {name: 'MyCell'
}
</script><style scoped lang="scss">
.my-cell{padding: 0 0.3rem;border-bottom: 1px solid #e6e6e6;line-height: 1.17rem;height: 1.17rem;background-color: #fff;font-size: 0;width: 100%;position: relative;.my-cell-title{font-size: 0.37rem;color: #666;vertical-align: middle;position: absolute;left: 0.3rem;top: 0;}.my-cell-right{position: absolute;right: 0.3rem;top: 0;vertical-align: middle;.my-cell-val{font-size: 0.37rem;color: #999;img{width: 0.7rem;height: 0.7rem;border: 1px solid #e6e6e6;border-radius: 50%;}}.my-cell-arrow{float: right;padding-left: 0.2rem;height: 1.17rem;.iconfont{color: #666;font-size: 0.4rem;}}}
}
</style>

vue项目中，使用mint-ui的picker实现省市区三级联动，并且编辑时选中默认值（封装成独立的组件）相关推荐

vue项目中使用地址选择插件v-distpicker，省市区三级联动选择
步骤: 1. npm install v-distpicker --save 2. import VDistpicker from 'v-distpicker' 3. export default { ...
Mint UI组件快速上手，在项目中使用mint UI
一.Mint UI是什么 Mint UI 是饿了么团队开源的一款基于 Vue.js 的移动端组件库 Bootstrap「它是 Twitter 开源的一个 css/html 工具包」二.引入 Mint ...
vue中实现省市区三级联动(V-Distpicker插件)
本次项目中使用了V-Distpicker 插件实现了省市区三级联动 V-Distpicker 项目文档地址 V-Distpicker git地址使用方法 npm install v-distpick ...
php和ui,php项目中使用element.ui和vue
1.plugins中添加axios,element-ui 2.全局文件下引入 3.页面内使用 1) 容器需要增加id属性 2) 添加script标签,创造vue组件 var app = new Vue ...
vue 实现仿京东、淘宝省市区三级联动
vue 实现仿京东.淘宝省市区三级联动在做电商或其他项目的时候,物流我们肯定会集成进去,那么我们肯定需要集成地址管理,地址管理除了最基本的省.市.区外,我们还要单独添加一个详细地址字段,不然我们无法 ...
Vue入门到上手（10）—— VueJs 填坑日记之在项目中使用Amaze UI
Vue入门到上手(10)-- VueJs 填坑日记之在项目中使用Amaze UI 上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI).先来介绍一下妹子UI.Ama ...
在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
Vue移动端框架Mint UI接口跨域问题
自己写了一个json数据,放在服务器上,现在要通过vue项目调用数据 http://www.intmote.com/test.json 我现在要调用在调用接口数据的时候的时候会出现这样的报错 Ac ...
Vue移动端框架Mint UI教程-调用模拟json数据(五)
1:安装 npm install vue-resource 2:打开main.js 注册 import VueResource from 'vue-resource' Vue.use(VueResou ...
Vue项目中遇到了大文件分片上传的问题
Vue项目中遇到了大文件分片上传的问题,之前用过webuploader,索性就把Vue2.0与webuploader结合起来使用,封装了一个vue的上传组件,使用起来也比较舒爽. 上传就上传吧,为什么 ...

vue项目中，使用mint-ui的picker实现省市区三级联动，并且编辑时选中默认值（封装成独立的组件）

vue项目中，使用mint-ui的picker实现省市区三级联动，并且编辑时选中默认值（封装成独立的组件）相关推荐

最新文章

热门文章