四种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指定排序顺序。

相关推荐
wuhen_n11 小时前
LangChain Function Call 实战:让 AI 调用自定义工具
前端·langchain·ai编程
DyLatte11 小时前
很多人把坚持,误以为成长
前端·后端·程序员
yingyima11 小时前
凌晨3点的警报声:定时任务监控与告警的最佳实践
前端
he___H11 小时前
B、B+树和vue部分知识
数据结构·vue.js·b树
zach11 小时前
React中的兄弟通讯之发布订阅模式
前端·react.js
书中枫叶11 小时前
我用 Vue3 写了一个 Chrome 步骤录制插件:自动截图、本地存储、一键导出教程
前端·vue.js
达达尼昂11 小时前
AI Native 工程实践 : agent 自动化测试
前端·后端·架构
2501_9400417411 小时前
前端工程化命题,覆盖性能/架构/交互
前端·交互
夜焱辰11 小时前
我花了3个月,把一个终端 AI Agent 搬进了浏览器——踩坑全记录
前端·agent
阿黎梨梨11 小时前
英伟达API + OpenAI SDK 实战:环境、密钥、异步,全流程拆解
前端