<el-table :data="dataBox" style="width: 100%" @row-click="clickitemdata" :row-style="rowStyle" border v-loading="fullscreenLoading" @sort-change="sortChange" element-loading-text="拼命加载中"> <el-table-column prop="approveTime" sortable="custom" label="处理时间" min-width="120"></el-table-column> <el-table-column prop="createTime" sortable="custom" label="流程发起时间" min-width="120"></el-table-column> </el-table>
@sort-change="sortChange" 和 sortable="custom"
// 排序发生变化时 触发 sortChange(column) { let fun = (obj1, obj2) => { let val1 = obj1[column.prop] let val2 = obj2[column.prop] if (val1 && val2) { if (column.order == 'descending') { if (val1 > val2) { return 1; } else { return -1; } } else if (column.order == 'ascending') { if (val1 > val2) { return -1; } else { return 1; } } } else { return 0; } }
// allList 全部数据
this.allList.sort(fun); },
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?