element ui 清除el-table 排序高亮状态

1:  需求背景:排序后,切换日期或其他条件重新渲染表格数据,这时候需要去除排序箭头高亮样式,如下图:

 两步解决以上问题: 


2:  1、第一步:增加ref="table1"

   <el-table
     :row-class-name="tableRowClassName"
     :data="resultAreaList1"
     style="width: 100%"
     @sort-change="changeTableSort1($event)"
     ref="table1">

3、第二步,clearSort(如果表格用了v-if控制,先判断一下表格是否存在)

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


版权声明:本文为weixin_45677987原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。