<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 这个属性,有这个属性的才能进行排序所以最好还是先判断一下是否有这个属性,浏览器的,有的话才启用排序功能
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!