我爱模板网 > 建站教程 > 前端框架 >  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 这个属性,有这个属性的才能进行排序所以最好还是先判断一下是否有这个属性,浏览器的,有的话才启用排序功能


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:vue老是提示:[vue/no-parsing-error] Parsing error: x-invalid-end- 下一篇:ElementUI table 自定义序号
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢