首页 > 建站教程 > 前端框架 >  element ui sortable实现中文按拼音首字母进行排序正文

element ui sortable实现中文按拼音首字母进行排序

首先,您的浏览器支持js的localeCompare方法,然后才能实现。具体看下面的代码:
<el-table-column prop="name" align="center" label="姓名" width="100" sortable :sort-method="(a,b) => a.name.localeCompare(b.name)" />
这段代码是我爱模板网在项目中使用的,可以实现中文姓名按照拼音首字母进行降序升序排序。下面是简单的解释:
1、sortable必须写上代表可以排序
2、sort-method属性对数据进行排序的时候使用的方法,仅当 sortable 设置为 true 的时候有效,需返回一个数字,和 Array.sort 表现一致;
3、经过测试,a传入的row,因此需要把实际属性点出来进行排序
4、能进行中文排序的原因是API - localeCompare 这个属性,有这个属性的才能进行排序所以最好还是先判断一下是否有这个属性,浏览器的,有的话才启用排序功能