本文分享Mint Ul A-Z字母城市选择列表的具体代码，供大家参考。具体内容如下

效果图如下：

项目文件存储路径图：

Pinying.js和city.json文件下载门户

所有代码如下：

模板mt-index-list mt-index-section v-for=' city sort RR中的字母' : key=' letter ' : index=' letter ' mt-cell v-for=' city name in city arr ' : ke y=' city name ' v-if=' city name . key=' letter ' : title=' city name . value '/mt-cell/mt-index-section/mt-index-list/templatest import city from './Assets/JSON/city//import JSON import { make py } from './assets/js/pinking '/import插件获取所有城市的中文大写字母，导出default { data(){ return { arr :[]。//存储初始筛选的城市名称cityArr: []，//存储第二次筛选后的所有城市名称CitySort: []，//存储初始大写数组city sort rr:[]//存储第二次筛选重复且不存在的城市初始数组}；}，created () {/** *拒绝JSON data */中无用的数据为(让我在城市){if (city [I])。名字！='请选择'){//移除this.arr.push(city[i]。名称)来自第一层数据；让j在城市里。sub) {//移除if (city[i]。sub[j]。名字！='请选择'城市[i]。sub[j]。名字！=' other '){这个。由…改编推(市[我]。sub [j]。姓名)；//将处理后的数据存储在数组中，等待第二次过滤处理}}}}/* * *配置相关数据*/for(这里让k。让城市密钥=使py(这。arr [k]) [0]。子串(0，1)；//获取每个城区的首字母let city value=this . arr[k]；//get this.citySort[cityKey]=所有城区的city key；//利用对象的特性，剔除重复的字母，将剔除的字母存储到对象中。//以(字母-城市名称)的格式保存数组中的所有城市信息。这个。cityarr [k]={key: citykey，value 3360 city value }；}/* * *将处理后的首字母数据对象存储在数组*/for中(这里让p。city sort){这个。citysortr。推(这个。city sort[p])；}/* * *按A-Z */this对真正的城市首字母进行排序。citysortarr=这个。城市排序。sort()；}};/script style . mint-cell-title { flex : 0 auto；}.mint-index section-index { text-align : left；}/style以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。