需求背景:排序后,切换日期或其他条件重新渲染表格数据,这时候需要去除排序箭头高亮样式,如下图:
两步解决以上问题
1、第一步:增加ref="table1"
<el-table
:row-class-name="tableRowClassName"
:data="resultAreaList1"
style="width: 100%"
@sort-change="changeTableSort1($event)"
ref="table1"
>
2、第二步,clearSort(如果表格用了v-if控制,先判断一下表格是否存在)
if (this.$refs.table1) {
this.$refs.table1.clearSort();
}