【tips】el-table 重置排序时
2026/8/5 3:52:04 网站建设 项目流程
// 当前页面排序置空时Object.assign(defaultSort,{prop:null,order:null})// sort调用无效 表头样式还是存在proxy.$refs["spotparsTable"].sort('defaultSort.prop',defaultSort.order);// NOSONAR// 需要手动重置排序表头样式// 1. clearSortproxy.$refs["spotparsTable"].clearSort()// 2. 获取dom改变样式// const sortableHeaders = proxy.$refs["spotparsTable"].querySelectorAll('.el-table__header .is-sortable');// sortableHeaders.forEach(header => {// header.classList.remove('ascending', 'descending');// });

有个注意点,如果sortable 是动态的,可能.sort会有其他问题。所以最好是页面展示排序,但是在handleSortChange做禁止排序功能

// 远程排序 | 不展示排序constsortable=computed(()=>{returneditQueryForm_params.opcode&&spotparsEditList.value?.length?'custom':'';// NOSONAR})

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询