在vue中實現(xiàn)級聯(lián)選擇器還是很簡單，如果我們用到iview這個UI組件庫，其中Cascader級聯(lián)選擇組件中對數(shù)據(jù)有較嚴格要求，每項數(shù)據(jù)至少包含 value、label 兩項，子集為 children，以此類推。

<template><Cascader :data="provs" v-model="city"></Cascader> </template>

結果如下：

具體使用方法可以參考官網，我這里只給大家貼出符合數(shù)據(jù)格式的所有省市的數(shù)據(jù)，如果每次都手動寫太痛苦了。

// 省市 provs: [{label: '北京市',value: '北京市'},{label: '天津市',value: '天津市'},{label: '河北省',value: '河北省',children: [{prov: '河北省',value: '石家莊市',label: '石家莊市'}, {prov: '河北省',value: '唐山市',label: '唐山市'}, {prov: '河北省',value: '秦皇島市',label: '秦皇島市'}, {prov: '河北省',value: '邯鄲市',label: '邯鄲市'}, {prov: '河北省',value: '邢臺市',label: '邢臺市'}, {prov: '河北省',value: '保定市',label: '保定市'}, {prov: '河北省',value: '張家口市',label: '張家口市'}, {prov: '河北省',value: '承德市',label: '承德市'}, {prov: '河北省',value: '滄州市',label: '滄州市'}, {prov: '河北省',value: '廊坊市',label: '廊坊市'}, {prov: '河北省',value: '衡水市',label: '衡水市'}]},{label: '山西省',value: '山西省',children: [{prov: '山西省',value: '太原市',label: '太原市'}, {prov: '山西省',value: '大同市',label: '大同市'}, {prov: '山西省',value: '陽泉市',label: '陽泉市'}, {prov: '山西省',value: '長治市',label: '長治市'}, {prov: '山西省',value: '晉城市',label: '晉城市'}, {prov: '山西省',value: '朔州市',label: '朔州市'}, {prov: '山西省',value: '晉中市',label: '晉中市'}, {prov: '山西省',value: '運城市',label: '運城市'}, {prov: '山西省',value: '忻州市',label: '忻州市'}, {prov: '山西省',value: '臨汾市',label: '臨汾市'}, {prov: '山西省',value: '呂梁市',label: '呂梁市'}]},{label: '內蒙古自治區(qū)',value: '內蒙古自治區(qū)',children: [{prov: '內蒙古自治區(qū)',value: '呼和浩特市',label: '呼和浩特市'}, {prov: '內蒙古自治區(qū)',value: '包頭市',label: '包頭市'}, {prov: '內蒙古自治區(qū)',value: '烏海市',label: '烏海市'}, {prov: '內蒙古自治區(qū)',value: '赤峰市',label: '赤峰市'}, {prov: '內蒙古自治區(qū)',value: '通遼市',label: '通遼市'}, {prov: '內蒙古自治區(qū)',value: '鄂爾多斯市',label: '鄂爾多斯市'}, {prov: '內蒙古自治區(qū)',value: '呼倫貝爾市',label: '呼倫貝爾市'}, {prov: '內蒙古自治區(qū)',value: '巴彥淖爾市',label: '巴彥淖爾市'}, {prov: '內蒙古自治區(qū)',value: '烏蘭察布市',label: '烏蘭察布市'}, {prov: '內蒙古自治區(qū)',value: '興安盟',label: '興安盟'}, {prov: '內蒙古自治區(qū)',value: '錫林郭勒盟',label: '錫林郭勒盟'}, {prov: '內蒙古自治區(qū)',value: '阿拉善盟',label: '阿拉善盟'}]},{label: '遼寧省',value: '遼寧省',children: [{prov: '遼寧省',value: '沈陽市',label: '沈陽市'}, {prov: '遼寧省',value: '大連市',label: '大連市'}, {prov: '遼寧省',value: '鞍山市',label: '鞍山市'}, {prov: '遼寧省',value: '撫順市',label: '撫順市'}, {prov: '遼寧省',value: '本溪市',label: '本溪市'}, {prov: '遼寧省',value: '丹東市',label: '丹東市'}, {prov: '遼寧省',value: '錦州市',label: '錦州市'}, {prov: '遼寧省',value: '營口市',label: '營口市'}, {prov: '遼寧省',value: '阜新市',label: '阜新市'}, {prov: '遼寧省',value: '遼陽市',label: '遼陽市'}, {prov: '遼寧省',value: '盤錦市',label: '盤錦市'}, {prov: '遼寧省',value: '鐵嶺市',label: '鐵嶺市'}, {prov: '遼寧省',value: '朝陽市',label: '朝陽市'}, {prov: '遼寧省',value: '葫蘆島市',label: '葫蘆島市'}]},{label: '吉林省',value: '吉林省',children: [{prov: '吉林省',value: '長春市',label: '長春市'}, {prov: '吉林省',value: '吉林市',label: '吉林市'}, {prov: '吉林省',value: '四平市',label: '四平市'}, {prov: '吉林省',value: '遼源市',label: '遼源市'}, {prov: '吉林省',value: '通化市',label: '通化市'}, {prov: '吉林省',value: '白山市',label: '白山市'}, {prov: '吉林省',value: '松原市',label: '松原市'}, {prov: '吉林省',value: '白城市',label: '白城市'}, {prov: '吉林省',value: '延邊朝鮮族自治州',label: '延邊朝鮮族自治州'}]},{label: '黑龍江省',value: '黑龍江省',children: [{prov: '黑龍江省',value: '哈爾濱市',label: '哈爾濱市'}, {prov: '黑龍江省',value: '齊齊哈爾市',label: '齊齊哈爾市'}, {prov: '黑龍江省',value: '雞西市',label: '雞西市'}, {prov: '黑龍江省',value: '鶴崗市',label: '鶴崗市'}, {prov: '黑龍江省',value: '雙鴨山市',label: '雙鴨山市'}, {prov: '黑龍江省',value: '大慶市',label: '大慶市'}, {prov: '黑龍江省',value: '伊春市',label: '伊春市'}, {prov: '黑龍江省',value: '佳木斯市',label: '佳木斯市'}, {prov: '黑龍江省',value: '七臺河市',label: '七臺河市'}, {prov: '黑龍江省',value: '牡丹江市',label: '牡丹江市'}, {prov: '黑龍江省',value: '黑河市',label: '黑河市'}, {prov: '黑龍江省',value: '綏化市',label: '綏化市'}, {prov: '黑龍江省',value: '大興安嶺地區(qū)',label: '大興安嶺地區(qū)'}]},{label: '上海市',value: '上海市',children: [{prov: '上海市',value: '上海市',label: '上海市'}]},{label: '江蘇省',value: '江蘇省',children: [{prov: '江蘇省',value: '南京市',label: '南京市'}, {prov: '江蘇省',value: '無錫市',label: '無錫市'}, {prov: '江蘇省',value: '徐州市',label: '徐州市'}, {prov: '江蘇省',value: '常州市',label: '常州市'}, {prov: '江蘇省',value: '蘇州市',label: '蘇州市'}, {prov: '江蘇省',value: '南通市',label: '南通市'}, {prov: '江蘇省',value: '連云港市',label: '連云港市'}, {prov: '江蘇省',value: '淮安市',label: '淮安市'}, {prov: '江蘇省',value: '鹽城市',label: '鹽城市'}, {prov: '江蘇省',value: '揚州市',label: '揚州市'}, {prov: '江蘇省',value: '鎮(zhèn)江市',label: '鎮(zhèn)江市'}, {prov: '江蘇省',value: '泰州市',label: '泰州市'}, {prov: '江蘇省',value: '宿遷市',label: '宿遷市'}]},{label: '浙江省',value: '浙江省',children: [{prov: '浙江省',value: '杭州市',label: '杭州市'}, {prov: '浙江省',value: '寧波市',label: '寧波市'}, {prov: '浙江省',value: '溫州市',label: '溫州市'}, {prov: '浙江省',value: '嘉興市',label: '嘉興市'}, {prov: '浙江省',value: '湖州市',label: '湖州市'}, {prov: '浙江省',value: '紹興市',label: '紹興市'}, {prov: '浙江省',value: '金華市',label: '金華市'}, {prov: '浙江省',value: '衢州市',label: '衢州市'}, {prov: '浙江省',value: '舟山市',label: '舟山市'}, {prov: '浙江省',value: '臺州市',label: '臺州市'}, {prov: '浙江省',value: '麗水市',label: '麗水市'}]},{label: '安徽省',value: '安徽省',children: [{prov: '安徽省',value: '合肥市',label: '合肥市'}, {prov: '安徽省',value: '蕪湖市',label: '蕪湖市'}, {prov: '安徽省',value: '蚌埠市',label: '蚌埠市'}, {prov: '安徽省',value: '淮南市',label: '淮南市'}, {prov: '安徽省',value: '馬鞍山市',label: '馬鞍山市'}, {prov: '安徽省',value: '淮北市',label: '淮北市'}, {prov: '安徽省',value: '銅陵市',label: '銅陵市'}, {prov: '安徽省',value: '安慶市',label: '安慶市'}, {prov: '安徽省',value: '黃山市',label: '黃山市'}, {prov: '安徽省',value: '滁州市',label: '滁州市'}, {prov: '安徽省',value: '阜陽市',label: '阜陽市'}, {prov: '安徽省',value: '宿州市',label: '宿州市'}, {prov: '安徽省',value: '六安市',label: '六安市'}, {prov: '安徽省',value: '亳州市',label: '亳州市'}, {prov: '安徽省',value: '池州市',label: '池州市'}, {prov: '安徽省',value: '宣城市',label: '宣城市'}]},{label: '福建省',value: '福建省',children: [{prov: '福建省',value: '福州市',label: '福州市'}, {prov: '福建省',value: '廈門市',label: '廈門市'}, {prov: '福建省',value: '衡水市',label: '莆田市'}, {prov: '福建省',value: '三明市',label: '三明市'}, {prov: '福建省',value: '泉州市',label: '泉州市'}, {prov: '福建省',value: '漳州市',label: '漳州市'}, {prov: '福建省',value: '南平市',label: '南平市'}, {prov: '福建省',value: '龍巖市',label: '龍巖市'}, {prov: '福建省',value: '寧德市',label: '寧德市'}]},{label: '江西省',value: '江西省',children: [{prov: '江西省',value: '南昌市',label: '南昌市'}, {prov: '江西省',value: '景德鎮(zhèn)市',label: '景德鎮(zhèn)市'}, {prov: '江西省',value: '萍鄉(xiāng)市',label: '萍鄉(xiāng)市'}, {prov: '江西省',value: '九江市',label: '九江市'}, {prov: '江西省',value: '新余市',label: '新余市'}, {prov: '江西省',value: '鷹潭市',label: '鷹潭市'}, {prov: '江西省',value: '贛州市',label: '贛州市'}, {prov: '江西省',value: '吉安市',label: '吉安市'}, {prov: '江西省',value: '宜春市',label: '宜春市'}, {prov: '江西省',value: '撫州市',label: '撫州市'}, {prov: '江西省',value: '上饒市',label: '上饒市'}]},{label: '山東省',value: '山東省',children: [{prov: '山東省',value: '濟南市',label: '濟南市'}, {prov: '山東省',value: '青島市',label: '青島市'}, {prov: '山東省',value: '淄博市',label: '淄博市'}, {prov: '山東省',value: '棗莊市',label: '棗莊市'}, {prov: '山東省',value: '東營市',label: '東營市'}, {prov: '山東省',value: '煙臺市',label: '煙臺市'}, {prov: '山東省',value: '濰坊市',label: '濰坊市'}, {prov: '山東省',value: '濟寧市',label: '濟寧市'}, {prov: '山東省',value: '泰安市',label: '泰安市'}, {prov: '山東省',value: '威海市',label: '威海市'}, {prov: '山東省',value: '日照市',label: '日照市'}, {prov: '山東省',value: '萊蕪市',label: '萊蕪市'}, {prov: '山東省',value: '臨沂市',label: '臨沂市'}, {prov: '山東省',value: '德州市',label: '德州市'}, {prov: '山東省',value: '聊城市',label: '聊城市'}, {prov: '山東省',value: '濱州市',label: '濱州市'}, {prov: '山東省',value: '菏澤市',label: '菏澤市'}]},{label: '河南省',value: '河南省',children: [{prov: '河南省',value: '鄭州市',label: '鄭州市'}, {prov: '河南省',value: '開封市',label: '開封市'}, {prov: '河南省',value: '洛陽市',label: '洛陽市'}, {prov: '河南省',value: '平頂山市',label: '平頂山市'}, {prov: '河南省',value: '安陽市',label: '安陽市'}, {prov: '河南省',value: '鶴壁市',label: '鶴壁市'}, {prov: '河南省',value: '新鄉(xiāng)市',label: '新鄉(xiāng)市'}, {prov: '河南省',value: '焦作市',label: '焦作市'}, {prov: '河南省',value: '濮陽市',label: '濮陽市'}, {prov: '河南省',value: '許昌市',label: '許昌市'}, {prov: '河南省',value: '漯河市',label: '漯河市'}, {prov: '河南省',value: '三門峽市',label: '三門峽市'}, {prov: '河南省',value: '南陽市',label: '南陽市'}, {prov: '河南省',value: '商丘市',label: '商丘市'}, {prov: '河南省',value: '信陽市',label: '信陽市'}, {prov: '河南省',value: '周口市',label: '周口市'}, {prov: '河南省',value: '駐馬店市',label: '駐馬店市'}, {prov: '河南省',value: '省直轄縣級行政區(qū)劃',label: '省直轄縣級行政區(qū)劃'}]},{label: '湖北省',value: '湖北省',children: [{prov: '湖北省',value: '武漢市',label: '武漢市'}, {prov: '湖北省',value: '黃石市',label: '黃石市'}, {prov: '湖北省',value: '十堰市',label: '十堰市'}, {prov: '湖北省',value: '宜昌市',label: '宜昌市'}, {prov: '湖北省',value: '襄陽市',label: '襄陽市'}, {prov: '湖北省',value: '鄂州市',label: '鄂州市'}, {prov: '湖北省',value: '荊門市',label: '荊門市'}, {prov: '湖北省',value: '孝感市',label: '孝感市'}, {prov: '湖北省',value: '荊州市',label: '荊州市'}, {prov: '湖北省',value: '黃岡市',label: '黃岡市'}, {prov: '湖北省',value: '咸寧市',label: '咸寧市'}, {prov: '湖北省',value: '隨州市',label: '隨州市'}, {prov: '湖北省',value: '恩施土家族苗族自治州',label: '恩施土家族苗族自治州'}, {prov: '湖北省',value: '省直轄縣級行政區(qū)劃',label: '省直轄縣級行政區(qū)劃'}, {prov: '湖北省',value: '仙桃市',label: '仙桃市'}, {prov: '湖北省',value: '潛江市',label: '潛江市'}, {prov: '湖北省',value: '天門市',label: '天門市'}, {prov: '湖北省',value: '神農架林區(qū)',label: '神農架林區(qū)'}]},{label: '湖南省',value: '湖南省',children: [{prov: '湖南省',value: '長沙市',label: '長沙市'}, {prov: '湖南省',value: '株洲市',label: '株洲市'}, {prov: '湖南省',value: '湘潭市',label: '湘潭市'}, {prov: '湖南省',value: '衡陽市',label: '衡陽市'}, {prov: '湖南省',value: '邵陽市',label: '邵陽市'}, {prov: '湖南省',value: '岳陽市',label: '岳陽市'}, {prov: '湖南省',value: '常德市',label: '常德市'}, {prov: '湖南省',value: '張家界市',label: '張家界市'}, {prov: '湖南省',value: '益陽市',label: '益陽市'}, {prov: '湖南省',value: '郴州市',label: '郴州市'}, {prov: '湖南省',value: '永州市',label: '永州市'}, {prov: '湖南省',value: '懷化市',label: '懷化市'}, {prov: '湖南省',value: '婁底市',label: '婁底市'}, {prov: '湖南省',value: '湘西土家族苗族自治州',label: '湘西土家族苗族自治州'}]},{label: '廣東省',value: '廣東省',children: [{prov: '廣東省',value: '廣州市',label: '廣州市'}, {prov: '廣東省',value: '韶關市',label: '韶關市'}, {prov: '廣東省',value: '深圳市',label: '深圳市'}, {prov: '廣東省',value: '珠海市',label: '珠海市'}, {prov: '廣東省',value: '汕頭市',label: '汕頭市'}, {prov: '廣東省',value: '佛山市',label: '佛山市'}, {prov: '廣東省',value: '江門市',label: '江門市'}, {prov: '廣東省',value: '湛江市',label: '湛江市'}, {prov: '廣東省',value: '茂名市',label: '茂名市'}, {prov: '廣東省',value: '肇慶市',label: '肇慶市'}, {prov: '廣東省',value: '惠州市',label: '惠州市'}, {prov: '廣東省',value: '梅州市',label: '梅州市'}, {prov: '廣東省',value: '汕尾市',label: '汕尾市'}, {prov: '廣東省',value: '河源市',label: '河源市'}, {prov: '廣東省',value: '陽江市',label: '陽江市'}, {prov: '廣東省',value: '清遠市',label: '清遠市'}, {prov: '廣東省',value: '東莞市',label: '東莞市'}, {prov: '廣東省',value: '中山市',label: '中山市'}, {prov: '廣東省',value: '潮州市',label: '潮州市'}, {prov: '廣東省',value: '揭陽市',label: '揭陽市'}, {prov: '廣東省',value: '云浮市',label: '云浮市'}]},{label: '廣西壯族自治區(qū)',value: '廣西壯族自治區(qū)',children: [{prov: '廣西壯族自治區(qū)',value: '南寧市',label: '南寧市'}, {prov: '廣西壯族自治區(qū)',value: '柳州市',label: '柳州市'}, {prov: '廣西壯族自治區(qū)',value: '桂林市',label: '桂林市'}, {prov: '廣西壯族自治區(qū)',value: '梧州市',label: '梧州市'}, {prov: '廣西壯族自治區(qū)',value: '北海市',label: '北海市'}, {prov: '廣西壯族自治區(qū)',value: '防城港市',label: '防城港市'}, {prov: '廣西壯族自治區(qū)',value: '欽州市',label: '欽州市'}, {prov: '廣西壯族自治區(qū)',value: '貴港市',label: '貴港市'}, {prov: '廣西壯族自治區(qū)',value: '玉林市',label: '玉林市'}, {prov: '廣西壯族自治區(qū)',value: '百色市',label: '百色市'}, {prov: '廣西壯族自治區(qū)',value: '賀州市',label: '賀州市'}, {prov: '廣西壯族自治區(qū)',value: '河池市',label: '河池市'}, {prov: '廣西壯族自治區(qū)',value: '來賓市',label: '來賓市'}, {prov: '廣西壯族自治區(qū)',value: '崇左市',label: '崇左市'}]},{label: '海南省',value: '海南省',children: [{prov: '海南省',value: '?？谑?#39;,label: '海口市'}, {prov: '海南省',value: '三亞市',label: '三亞市'}, {prov: '海南省',value: '三沙市',label: '三沙市'}, {prov: '海南省',value: '省直轄縣級行政區(qū)劃',label: '省直轄縣級行政區(qū)劃'}, {prov: '海南省',value: '五指山市',label: '五指山市'}, {prov: '海南省',value: '瓊海市',label: '瓊海市'}, {prov: '海南省',value: '儋州市',label: '儋州市'}, {prov: '海南省',value: '文昌市',label: '文昌市'}, {prov: '海南省',value: '萬寧市',label: '萬寧市'}, {prov: '海南省',value: '東方市',label: '東方市'}, {prov: '海南省',value: '定安縣',label: '定安縣'}, {prov: '海南省',value: '屯昌縣',label: '屯昌縣'}, {prov: '海南省',value: '澄邁縣',label: '澄邁縣'}, {prov: '海南省',value: '臨高縣',label: '臨高縣'}, {prov: '海南省',value: '白沙黎族自治縣',label: '白沙黎族自治縣'}, {prov: '海南省',value: '昌江黎族自治縣',label: '昌江黎族自治縣'}, {prov: '海南省',value: '樂東黎族自治縣',label: '樂東黎族自治縣'}, {prov: '海南省',value: '陵水黎族自治縣',label: '陵水黎族自治縣'}, {prov: '海南省',value: '保亭黎族苗族自治縣',label: '保亭黎族苗族自治縣'}, {prov: '海南省',value: '瓊中黎族苗族自治縣',label: '瓊中黎族苗族自治縣'}]},{label: '重慶市',value: '重慶市'},{label: '四川省',value: '四川省',children: [{prov: '四川省',value: '成都市',label: '成都市'}, {prov: '四川省',value: '自貢市',label: '自貢市'}, {prov: '四川省',value: '攀枝花市',label: '攀枝花市'}, {prov: '四川省',value: '瀘州市',label: '瀘州市'}, {prov: '四川省',value: '德陽市',label: '德陽市'}, {prov: '四川省',value: '綿陽市',label: '綿陽市'}, {prov: '四川省',value: '廣元市',label: '廣元市'}, {prov: '四川省',value: '遂寧市',label: '遂寧市'}, {prov: '四川省',value: '內江市',label: '內江市'}, {prov: '四川省',value: '樂山市',label: '樂山市'}, {prov: '四川省',value: '南充市',label: '南充市'}, {prov: '四川省',value: '眉山市',label: '眉山市'}, {prov: '四川省',value: '宜賓市',label: '宜賓市'}, {prov: '四川省',value: '廣安市',label: '廣安市'}, {prov: '四川省',value: '達州市',label: '達州市'}, {prov: '四川省',value: '雅安市',label: '雅安市'}, {prov: '四川省',value: '巴中市',label: '巴中市'}, {prov: '四川省',value: '資陽市',label: '資陽市'}, {prov: '四川省',value: '阿壩藏族羌族自治州',label: '阿壩藏族羌族自治州'}, {prov: '四川省',value: '甘孜藏族自治州',label: '甘孜藏族自治州'}, {prov: '四川省',value: '涼山彝族自治州',label: '涼山彝族自治州'}]},{label: '貴州省',value: '貴州省',children: [{prov: '貴州省',value: '貴陽市',label: '貴陽市'}, {prov: '貴州省',value: '六盤水市',label: '六盤水市'}, {prov: '貴州省',value: '遵義市',label: '遵義市'}, {prov: '貴州省',value: '安順市',label: '安順市'}, {prov: '貴州省',value: '畢節(jié)市',label: '畢節(jié)市'}, {prov: '貴州省',value: '銅仁市',label: '銅仁市'}, {prov: '貴州省',value: '黔西南布依族苗族自治州',label: '黔西南布依族苗族自治州'}, {prov: '貴州省',value: '黔東南苗族侗族自治州',label: '黔東南苗族侗族自治州'}, {prov: '貴州省',value: '黔南布依族苗族自治州',label: '黔南布依族苗族自治州'}]},{label: '云南省',value: '云南省',children: [{prov: '云南省',value: '昆明市',label: '昆明市'}, {prov: '云南省',value: '曲靖市',label: '曲靖市'}, {prov: '云南省',value: '玉溪市',label: '玉溪市'}, {prov: '云南省',value: '保山市',label: '保山市'}, {prov: '云南省',value: '昭通市',label: '昭通市'}, {prov: '云南省',value: '麗江市',label: '麗江市'}, {prov: '云南省',value: '普洱市',label: '普洱市'}, {prov: '云南省',value: '臨滄市',label: '臨滄市'}, {prov: '云南省',value: '楚雄彝族自治州',label: '楚雄彝族自治州'}, {prov: '云南省',value: '紅河哈尼族彝族自治州',label: '紅河哈尼族彝族自治州'}, {prov: '云南省',value: '文山壯族苗族自治州',label: '文山壯族苗族自治州'}, {prov: '云南省',value: '西雙版納傣族自治州',label: '西雙版納傣族自治州'}, {prov: '云南省',value: '大理白族自治州',label: '大理白族自治州'}, {prov: '云南省',value: '德宏傣族景頗族自治州',label: '德宏傣族景頗族自治州'}, {prov: '云南省',value: '怒江傈僳族自治州',label: '怒江傈僳族自治州'}, {prov: '云南省',value: '迪慶藏族自治州',label: '迪慶藏族自治州'}]},{label: '西藏自治區(qū)',value: '西藏治區(qū)',children: [{prov: '西藏自治區(qū)',value: '拉薩市',label: '拉薩市'}, {prov: '西藏自治區(qū)',value: '昌都地區(qū)',label: '昌都地區(qū)'}, {prov: '西藏自治區(qū)',value: '山南地區(qū)',label: '山南地區(qū)'}, {prov: '西藏自治區(qū)',value: '日喀則地區(qū)',label: '日喀則地區(qū)'}, {prov: '西藏自治區(qū)',value: '那曲地區(qū)',label: '那曲地區(qū)'}, {prov: '西藏自治區(qū)',value: '阿里地區(qū)',label: '阿里地區(qū)'}, {prov: '西藏自治區(qū)',value: '林芝地區(qū)',label: '林芝地區(qū)'}]},{label: '陜西省',value: '陜西省',children: [{prov: '陜西省',value: '西安市',label: '西安市'}, {prov: '陜西省',value: '銅川市',label: '銅川市'}, {prov: '陜西省',value: '寶雞市',label: '寶雞市'}, {prov: '陜西省',value: '咸陽市',label: '咸陽市'}, {prov: '陜西省',value: '渭南市',label: '渭南市'}, {prov: '陜西省',value: '延安市',label: '延安市'}, {prov: '陜西省',value: '漢中市',label: '漢中市'}, {prov: '陜西省',value: '榆林市',label: '榆林市'}, {prov: '陜西省',value: '安康市',label: '安康市'}, {prov: '陜西省',value: '商洛市',label: '商洛市'}]},{label: '甘肅省',value: '甘肅省',children: [{prov: '甘肅省',value: '蘭州市',label: '蘭州市'}, {prov: '甘肅省',value: '嘉峪關市',label: '嘉峪關市'}, {prov: '甘肅省',value: '金昌市',label: '金昌市'}, {prov: '甘肅省',value: '白銀市',label: '白銀市'}, {prov: '甘肅省',value: '天水市',label: '天水市'}, {prov: '甘肅省',value: '武威市',label: '武威市'}, {prov: '甘肅省',value: '張掖市',label: '張掖市'}, {prov: '甘肅省',value: '平涼市',label: '平涼市'}, {prov: '甘肅省',value: '酒泉市',label: '酒泉市'}, {prov: '甘肅省',value: '慶陽市',label: '慶陽市'}, {prov: '甘肅省',value: '定西市',label: '定西市'}, {prov: '甘肅省',value: '隴南市',label: '隴南市'}, {prov: '甘肅省',value: '臨夏回族自治州',label: '臨夏回族自治州'}, {prov: '甘肅省',value: '甘南藏族自治州',label: '甘南藏族自治州'}]},{label: '青海省',value: '青海省',children: [{prov: '青海省',value: '西寧市',label: '西寧市'}, {prov: '青海省',value: '海東市',label: '海東市'}, {prov: '青海省',value: '海北藏族自治州',label: '海北藏族自治州'}, {prov: '青海省',value: '黃南藏族自治州',label: '黃南藏族自治州'}, {prov: '青海省',value: '海南藏族自治州',label: '海南藏族自治州'}, {prov: '青海省',value: '果洛藏族自治州',label: '果洛藏族自治州'}, {prov: '青海省',value: '玉樹藏族自治州',label: '玉樹藏族自治州'}, {prov: '青海省',value: '海西蒙古族藏族自治州',label: '海西蒙古族藏族自治州'}]},{label: '寧夏回族自治區(qū)',value: '寧夏回族自治區(qū)',children: [{prov: '寧夏回族自治區(qū)',value: '銀川市',label: '銀川市'}, {prov: '寧夏回族自治區(qū)',value: '石嘴山市',label: '石嘴山市'}, {prov: '寧夏回族自治區(qū)',value: '吳忠市',label: '吳忠市'}, {prov: '寧夏回族自治區(qū)',value: '固原市',label: '固原市'}, {prov: '寧夏回族自治區(qū)',value: '中衛(wèi)市',label: '中衛(wèi)市'}]},{label: '新疆維吾爾自治區(qū)',value: '新疆維吾爾自治區(qū)',children: [{prov: '新疆維吾爾自治區(qū)',value: '烏魯木齊市',label: '烏魯木齊市'}, {prov: '新疆維吾爾自治區(qū)',value: '克拉瑪依市',label: '克拉瑪依市'}, {prov: '新疆維吾爾自治區(qū)',value: '吐魯番地區(qū)',label: '吐魯番地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '哈密地區(qū)',label: '哈密地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '昌吉回族自治州',label: '昌吉回族自治州'}, {prov: '新疆維吾爾自治區(qū)',value: '博爾塔拉蒙古自治州',label: '博爾塔拉蒙古自治州'}, {prov: '新疆維吾爾自治區(qū)',value: '巴音郭楞蒙古自治州',label: '巴音郭楞蒙古自治州'}, {prov: '新疆維吾爾自治區(qū)',value: '阿克蘇地區(qū)',label: '阿克蘇地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '克孜勒蘇柯爾克孜自治州',label: '克孜勒蘇柯爾克孜自治州'}, {prov: '新疆維吾爾自治區(qū)',value: '喀什地區(qū)',label: '喀什地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '和田地區(qū)',label: '和田地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '伊犁哈薩克自治州',label: '伊犁哈薩克自治州'}, {prov: '新疆維吾爾自治區(qū)',value: '塔城地區(qū)',label: '塔城地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '阿勒泰地區(qū)',label: '阿勒泰地區(qū)'}, {prov: '新疆維吾爾自治區(qū)',value: '自治區(qū)直轄縣級行政區(qū)劃',label: '自治區(qū)直轄縣級行政區(qū)劃'}, {prov: '新疆維吾爾自治區(qū)',value: '石河子市',label: '石河子市'}, {prov: '新疆維吾爾自治區(qū)',value: '阿拉爾市',label: '阿拉爾市'}, {prov: '新疆維吾爾自治區(qū)',value: '圖木舒克市',label: '圖木舒克市'}, {prov: '新疆維吾爾自治區(qū)',value: '五家渠市',label: '五家渠市'}]},{label: '臺灣省',value: '臺灣省',children: [{prov: '臺灣省',value: '臺北市',label: '臺北市'}, {prov: '臺灣省',value: '高雄市',label: '高雄市'}, {prov: '臺灣省',value: '基隆市',label: '基隆市'}, {prov: '臺灣省',value: '臺中市',label: '臺中市'}, {prov: '臺灣省',value: '臺南市',label: '臺南市'}, {prov: '臺灣省',value: '新竹市',label: '新竹市'}, {prov: '臺灣省',value: '嘉義市',label: '嘉義市'}, {prov: '臺灣省',value: '省直轄',label: '省直轄'}]},{label: '香港特別行政區(qū)',value: '香港特別行政區(qū)',children: [{prov: '香港特別行政區(qū)',value: '香港島',label: '香港島'}, {prov: '香港特別行政區(qū)',value: '九龍',label: '九龍'}, {prov: '香港特別行政區(qū)',value: '新界',label: '新界'}]},{label: '澳門特別行政區(qū)',value: '澳門特別行政區(qū)',children: [{prov: '澳門特別行政區(qū)',value: '澳門半島',label: '澳門半島'}, {prov: '澳門特別行政區(qū)',value: '澳門離島',label: '澳門離島'}, {prov: '澳門特別行政區(qū)',value: '無堂區(qū)劃分區(qū)域',label: '無堂區(qū)劃分區(qū)域'}]} ]

因時間倉促，資質有限，文中表述僅代表個人觀點，如果有更好的想法，歡迎分享。

總結

以上是生活随笔為你收集整理的基于vue2实现省市联动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。