vue的element的表头添加排序按钮与后台实现排序功能

1. 如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。


2.sort-change方法自带三个参数,分别代表意义是:

column:当前列

prop:当前列需要排序的数据

order:排序的规则(升序、降序和默认[默认就是没排序])


column.order是点击排序按钮后拿到的,可以将column.order传给后台,后台再根据什么排序来返回排序后的数据。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

相关阅读更多精彩内容

  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 10,966评论 0 9
  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,177评论 2 89
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,084评论 19 139
  • 文 / 李由 01 希望你会等到有一个如你一般的人,我不能给你的,愿你离开后都将会重新获得。愿你此生过得比我好。 ...
    小年轻工作室阅读 3,961评论 0 0
  • 今天这篇文章很难产,并不是开始的很晚而是到底写什么,一直犹豫不决,耽误了很多时间。都说写作的素材来源于生活,可是,...
    绽放不停笔阅读 1,778评论 1 0

友情链接更多精彩内容