mintUI實現城市indexlist

1.城市列表

<mt-index-list>
          <mt-index-section :index="item.title" v-for="item in cityArr">
              <mt-cell :title="i" v-for="i in item.lists" @click.native="selectedCity(i)"></mt-cell>
          </mt-index-section>
</mt-index-list>

2.引入json文件　

import cityData from "../assets/city.json";

3.獲取city並賦值

getCity(cityData) {
      // 讀取json文件
      this.cityArr = cityData.city;
      // console.log(localStorage.getItem('selectCity'));
    　　},

4.城市json集

{ 
    "city":[	 
	 {
	     "title":"A",
	     "lists":[
	 		"阿壩","阿拉善","阿里","安康","安慶","鞍山","安順","安陽","澳門"
	 	    ]
	 },
	 {
	     "title":"B",
	     "lists":["北京","白銀","保定","寶雞","保山","包頭","巴中","北海","蚌埠","本溪","畢節","濱州","百色","亳州"
	 	    ]
	 },
	 {
	     "title":"C",
	     "lists":["重慶","成都","長沙","長春","滄州","常德","昌都","長治","常州","巢湖","潮州","承德", "郴州","赤峯","池州","崇左","楚雄","滁州","朝陽"
	 	    ]
	 },
	 {
	     "title":"D",
	     "lists":["大連","東莞","大理","丹東","大慶","大同","大興安嶺","德宏","德陽","德州","定西","迪慶","東營"
	 	    ]
	 },
	 {
	     "title":"E",
	     "lists":["鄂爾多斯","恩施","鄂州"]
	 },
	 {
	     "title":"F",
	     "lists":["福州","防城港","佛山","撫順","撫州","阜新","阜陽"
	 	    ]
	 		
	 },
	 {
	    "title":"G",
	     "lists":["廣州","桂林","貴陽","甘南","贛州","甘孜","廣安","廣元","貴港","果洛"]
			
	 },
	 {
	    "title":"H",
	     "lists":["杭州","哈爾濱","合肥","海口","呼和浩特","海北","海東","海南","海西","邯鄲","漢中","鶴壁","河池","鶴崗","黑河","衡水","衡陽","河源","賀州","紅河","淮安","淮北","懷化","淮南","黃岡","黃南","黃山","黃石","惠州","葫蘆島","呼倫貝爾","湖州","菏澤"
		    ]
	 },
	 {
	    "title":"J",
	     "lists":["濟南","佳木斯","吉安","江門","焦做","嘉興","嘉峪關","揭陽","吉林","金昌","晉城","景德鎮","荊門","荊州","金華","濟寧","晉中","錦州","九江",
            "酒泉"
                    ]
            
	 },
	 {
	    "title":"K",
	     "lists":["昆明","開封"]
 
	 },
	 {
	    "title":"L",
	     "lists":["蘭州","拉薩","來賓","萊蕪","廊坊","樂山","涼山","連雲港","聊城","遼陽","遼源","麗江","臨滄","臨汾","臨夏","臨沂","林芝","麗水","六安","六盤水",
            "柳州","隴南","龍巖","婁底","漯河","洛陽","瀘州","呂梁"
                    ]
 
	 },
	 {
 	    "title":"M",
	     "lists":["馬鞍山","茂名","眉山","梅州","綿陽","牡丹江"]
 			
	 },
	 {
	    "title":"N",
	     "lists":["南京","南昌","南寧","寧波","南充","南平","南通","南陽","那曲","內江", "寧德","怒江"
                     ]
	 },
	 {
	    "title":"P",
	     "lists":["盤錦","攀枝花","平頂山","平涼","萍鄉","莆田","濮陽"]
 
	 },
	 {
	    "title":"Q",
	     "lists":["青島","黔東南","黔南","黔西南","慶陽","清遠","秦皇島","欽州","齊齊哈爾","泉州","曲靖","衢州"]
			
	 },
	 {
	    "title":"R",
	     "lists":["日喀則","日照"]
	 },
	 {
	    "title":"S",
	     "lists":["上海","深圳","蘇州","瀋陽","石家莊","三門峽","三明","三亞","商洛","商丘","上饒","山南","汕頭","汕尾","韶關","紹興","邵陽","十堰","朔州","四平","綏化","遂寧","隨州","宿遷","宿州"
		    ]
            
	 },
	 {
	    "title":"T",
	     "lists":["天津","太原","泰安","泰州","台州","唐山","天水","鐵嶺","銅川","通化","通遼","銅陵","銅仁","臺灣","W","武漢","烏魯木齊","無錫","威海","濰坊","文山","溫州","烏海","蕪湖","烏蘭察布","武威","梧州"
		    ]
	 },
	 {
	    "title":"X",
	     "lists":["廈門","西安","西寧","襄樊","湘潭","湘西","咸寧","咸陽","孝感","邢臺","新鄉","信陽","新餘","忻州","西雙版納","宣城","許昌","徐州","香港","錫林郭勒","興安"
		    ]
            
	 },
	 {
	    "title":"Y",
	     "lists":["銀川","雅安","延安","延邊","鹽城","陽江","陽泉","揚州","煙臺","宜賓","宜昌","宜春","營口","益陽","永州","岳陽","榆林","運城","雲浮","玉樹","玉溪","玉林"
		    ]
			
	 },
	 {
	     "title":"Z",
	     "lists":["雜多縣","贊皇縣","棗強縣","棗陽市","棗莊","澤庫縣","增城市","曾都區","澤普縣","澤州縣","札達縣","扎賚特旗","扎蘭屯市","扎魯特旗","扎囊縣","張北縣","張店區","章貢區","張家港","張家界","張家口","漳平市","漳浦縣","章丘市","樟樹市","張灣區","彰武縣","漳縣","張掖","漳州","長子縣","湛河區","湛江","站前區","沾益縣","詔安縣","召陵區","昭平縣","肇慶","昭通","趙縣","昭陽區","招遠市","肇源縣","肇州縣","柞水縣","柘城縣","浙江","鎮安縣","振安區","鎮巴縣","正安縣","正定縣","正定新區","正藍旗","正寧縣","蒸湘區","正鑲白旗","正陽縣","鄭州","鎮海區","鎮江","湞江區","鎮康縣","鎮賚縣","鎮平縣","振興區","鎮雄縣","鎮原縣","志丹縣","治多縣","芝罘區","枝江市","芷江侗族自治縣","織金縣","中方縣","中江縣","鐘樓區","中牟縣","中寧縣","中山","中山區","鐘山區","鐘山縣","中衛","鍾祥市","中陽縣","中原區","周村區","周口","周寧縣","舟曲縣","舟山","周至縣","莊河市","諸城市","珠海","珠暉區","諸暨市","駐馬店","準格爾旗","涿鹿縣","卓尼","涿州市","卓資縣","珠山區","竹山縣","竹溪縣","株洲","株洲縣","淄博","子長縣","淄川區","自貢","秭歸縣","紫金縣","自流井區","資溪縣","資興市","資陽"
		    ]
	 }
    ]
}