宝哥软件园

Vue中采集数据的A-Z排序示例

编辑:宝哥软件园 来源:互联网 时间:2021-08-29

最近在做一个音乐app培训项目。我得到的数据很乱,我不想像视频一样重建数据。我用一个简单的方法通过百度排序。下面我们来谈谈

我得到的数据是这样的。我想让他井然有序

Vue  A-Z排序

Vue  A-Z排序

1.对于数组的操作,官网有一个例子,我们根据官网使用计算出的属性进行重新排列。

computed : { sort list(){返回此。歌手。sort ((a,b)={返回一个['findex']。locale compare(b[' findex '])} } } },然后使用v-for进行循环输出,这样我们的数据就已经排列正确了。

ul class=' singer posti ' Li v-for=' sort list '中的项目class=' singer conten ' div class=' avatar ' img : src=' http 3360 item。fsinger _ mid '/img/div div class=' list ' span { { item。9502.163.com

Vue  A-Z排序

Vue  A-Z排序

以上在Vue获得的数据进行A-Z排序的例子,都是边肖分享的内容,希望能给大家一个参考和支持。

更多资讯
游戏推荐
更多+