清除element UI Table 的排序状态的高亮样式

场景：我的表格列表地方有做重置的按钮。重置时，排序状态，及高这样式应当清除掉

第一步：增加ref="table"

<el-table
      :max-height="'700px'"
      @sort-change="sort"
      ref="table"
      :data="collectLoanOrderList">

 第二步：

reset() {
   this.$refs.table.clearSort(); 
}

判断表格存在再清除代码如下

 

if(this.$refs.table) {
   this.$refs.table.clearSort();
}

 

 

 

参考文章

https://blog.csdn.net/weixin_42556438/article/details/107366680