时间:2021-05-26
本文实例为大家分享了Mint Ul实现A-Z字母排序的城市选择列表的具体代码,供大家参考,具体内容如下
效果图如下:
项目文件存放路径图:
pinying.js 和 city.json文件下载传送门
所有代码如下:
<template> <mt-index-list> <mt-index-section v-for="letter in citySortArr" :key="letter" :index="letter"> <mt-cell v-for="cityName in cityArr" :key="cityName" v-if="cityName.key == letter" :title="cityName.value "></mt-cell> </mt-index-section> </mt-index-list> </template><script>import city from "../assets/json/city"//导入所有城市的JSONimport { makePy } from "../assets/js/pinying"//导入插件获取所有城市中文的大写首字母export default { data () { return { arr: [],//存放初始筛选的城市名称 cityArr: [],//存放第二次筛选后所有城市名称 citySort: [],//存放初始获取城市首字母大写的数组 citySortArr: []//存放第二次筛选重复,不存在的城市首字母数组 }; }, created () { /** * 将json数据中的无用数据剔除 */ for (let i in city) { if (city[i].name != "请选择") {//将第一层数据中为 “请选择” 的剔除掉 this.arr.push(city[i].name); for (let j in city[i].sub) {//将第二层数据中为 “请选择 和 其他” 的剔除掉 if ( city[i].sub[j].name != "请选择" && city[i].sub[j].name != "其他" ) { this.arr.push(city[i].sub[j].name);//将处理后的数据存放在数组中,等待第二次筛选处理 } } } } /** * 配置相关数据 */ for (let k in this.arr) { let cityKey = makePy(this.arr[k])[0].substring(0, 1);//获取每一个市区的首字母 let cityValue = this.arr[k];//获取所有市区 this.citySort[cityKey] = cityKey;//利用对象特性,剔除重复的字母,并将剔除后的字母存进对象中 //将所有市区信息 以( 字母 - 市区名 )的格式存在至数组中 this.cityArr[k] = { key: cityKey, value: cityValue }; } /** * 将处理后的首字母数据对象,存放至数组中 */ for (let p in this.citySort) { this.citySortArr.push(this.citySort[p]); } /** * 将真实存在的市区首字母按A-Z进行排序 */ this.citySortArr = this.citySortArr.sort(); }};</script><style>.mint-cell-title { flex: 0 0 auto;}.mint-indexsection-index { text-align: left;}</style>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了PHP实现获取第一个中文首字母并进行排序的方法。分享给大家供大家参考,具体如下:最近在做储值结算,需求里结算首页需要按门店的首字母A-Z排序。我的
本文实例为大家分享了js实现表格单列按字母排序的具体代码,供大家参考,具体内容如下类似于列表按字母排序,直接上代码啦~表格单列字母排序名称城市Berglunds
在写代码的时候,经常要使用到变量,对变量的命名,却有很大的讲究。变量名首字母必须为字母(a-z,A-Z),下划线(_),或者美元符号($)开始,并且之间不能包含
sort对文本文件内容进行排序用法:sort+选项+文件名(可跟多个文件)示例1:cat1.txtsort1.txt#文字,默认按字母a-z排序实示例2:cat
在shell脚本中,发现case语句的一个问题。就是指定小写字母[a-z]和大写字母[A-Z]的这种方法不管用了。出现如下情况:复制代码代码如下:[root@s