vue字母排序

怼烎@ 2023-02-13 11:22 3阅读 0赞

**我这里使用的是mint-ui的组件
    下载命令：npm i mint-ui --save
    在main.js里面使用
    import Mint from 'mint-ui';
    Vue.use(Mint);
    import 'mint-ui/lib/style.css';**
    
    展示页面
     <mt-index-list>
    // :index=“index” index是字母的 拼音(abcd) qa里面数组元素
         <mt-index-section v-for="(item,index) in list" :index="index" :key="index">
            <mt-cell v-for="(qa,as) in item" :title="qa" :key="as"></mt-cell>
          </mt-index-section>
     </mt-index-list>
    
    import { IndexList, IndexSection,Header } from "mint-ui";
    
     data(){
          return {
              list:[]
          }
      },
      created() {
      	//  我在本地写的一个json文件
          this.$axios({
              method:"get",
              url:"/static/data.json"
          }).then(res=>{
              console.log(res.data.ziMu);
              this.list = res.data.ziMu
          })
      },
        json格式
     "ziMu": {
            "A": [
                "ACC", "ABB", "Add", "Aca"
            ],
            "B": [
                "BC", "B", "Bzx", "Bed"
            ],
            "C": [
                "CCC", "C"
            ],
            "D": [
                "ddd", "dec"
            ],
            "E": [
                "eds", "edc"
            ],
            "F": [
                "frf", "fds"
            ],
            "T": [
                "TG", "TF"
            ],
            "X": [
                "XXX", "XA", "XXX", "XA"
            ],
            "Z": [
                "ZX", "C", "ZX", "C"
            ]
    
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java8-首字母分组排序

//获取集合 List<String> nameList=saleModelService.findExistBrandsInTable(); Map<

矫情吗；*/ 2024年04月01日 16:14/ 0 赞/ 75 阅读

相关 ListView 字母导航排序

一.概述 ListView字母导航排序,网上已经有很多代码和博客了, 这篇博文也是照搬网上的. 之所以写到这里,不是为了说明什么,只是为了以后自己查阅方便.本来公司要求实现

「爱情、让人受尽委屈。」/ 2023年10月10日 08:00/ 0 赞/ 13 阅读

相关 mysql按照首字母排序

今天测试提了个需求,按照字段的首字母进行排序由于一般数据库编码大都为utf-8 ，他的排序方式为按英文字母规则排序 "a,b,c… " ![在这里插入图片描述][8ecd

布满荆棘的人生/ 2023年09月28日 09:04/ 0 赞/ 139 阅读

相关【PHP】数组按照字母排序

/ 将数组按字母A-Z排序 @return [type] [description] / pr

墨蓝/ 2023年08月17日 17:27/ 0 赞/ 60 阅读

相关英文字母的组合排序

做通讯录时，每一条数据通常会带有姓名首字母，前台渲染时需要把相同首字母的数据组合到一起，例如，把姓名首字母是A的数据组合到一起，首字母为B的组合到一起： const

我不是女神ヾ/ 2023年07月21日 06:15/ 0 赞/ 123 阅读

相关 vue字母排序

我这里使用的是mint-ui的组件下载命令：npm i mint-ui --save 在main.js里面使用 import Mint fro

怼烎@/ 2023年02月13日 11:22/ 0 赞/ 4 阅读

相关汉字按照字母排序

按照汉字的拼音排序，用的比较多是在人名的排序中，按照姓氏的拼音字母，从A到Z排序；如果存储姓名的字段采用的是GBK字符集，那就好办了，因为GBK内码编码时本身就采用

迷南。/ 2022年07月12日 18:28/ 0 赞/ 244 阅读

相关 mysql按拼音首字母排序

mysql按拼音首字母排序： select areaName from area order by convert(areaName USING gbk) CO

迈不过友情╰/ 2022年05月30日 08:42/ 0 赞/ 386 阅读

相关 mysql 按着字母排序

品牌列表，按字母排序，开发一个app接口：表的默认字符集utf8mb4，核对utf8mb4\_general\_ci 解决方案： select \ from carB

素颜马尾好姑娘i/ 2022年05月22日 02:47/ 0 赞/ 172 阅读

相关根据字母进行数组排序

var cityList=[{ "enValue": "shijiazhuang", "key": 37, "sort"

た入场券/ 2022年05月13日 13:18/ 0 赞/ 249 阅读