解决vue elementUI中table里数字、字母、中文混合排序问题

前端  /  管理员 发布于 3年前   1061

1.使用场景

使用elementUI中的table时，给包含数字字母中文的名称等字段排序

例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）

2.代码解析

设置属性sortable，会按照自带的机制排序，不符合我们的预期；

所以增加属性 sort-method，在方法中自定义排序方式

3.页面效果

 原列表                   ==》》            正序                 ==》》         倒序

总结

以上所述是小编给大家介绍的解决vue elementUI中table里数字、字母、中文混合排序问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:

• vue elementUI使用tabs与导航栏联动
• vue elementui el-form rules动态验证的实例代码详解
• vue elementUI table 自定义表头和行合并的实例代码
• vue+elementUI实现表单和图片上传及验证功能示例
• 基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
• vue elementUI table表格数据 滚动懒加载的实现方法