四种el-table的配置排序方式

一:sortable="custom" 和 @sort-change="sortChange"

如果需要后端排序,需将sortable设置为custom,同时在 Table

上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。

二::default-sort="{prop: 'salesVolume', order: 'descending'}"

通过 Table 的default-sort属性设置默认的排序列和排序顺序

三::sort-orders="['descending','ascending']"

传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序。数组中的元素需为以下三者之一:ascending表示升序,descending 表示降序,null 表示还原为原始顺序,

'ascending', 'descending', null

四:ref="table" ,this.$refs.table.sort('salesVolume','descending');

sort,手动对 Table 进行排序。参数prop属性指定排序列,order指定排序顺序。

相关推荐
用户83040713057017 分钟前
外链跳转后首页参数丢失:从缓存兜底到页面重加载的完整方案
vue.js
用户830407130570111 分钟前
路由传参刷新丢失问题:三种解决方案与最佳实践
前端
从文处安13 分钟前
「前端何去何从」高效提示词(prompts):前端开发者的AI协作指南
前端·aigc
大时光14 分钟前
gsap--《pink老师vivo官网实现》
前端
www_stdio17 分钟前
全栈项目第五天:构建现代企业级 React 应用:从工程化到移动端实战的全链路指南
前端·react.js·typescript
my_styles20 分钟前
window系统安装/配置Nginx
服务器·前端·spring boot·nginx
神奇的程序员34 分钟前
不止高刷:明基 RD280UG 在编码场景下的表现如何
前端
Rabbit_QL43 分钟前
【音频处理】从 AirPods 主动降噪到音频 Source Separation:同一个问题的两种工程解法
前端·人工智能·音视频
-孤存-1 小时前
Spring Bean作用域与生命周期全解析
java·开发语言·前端