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

最新推荐文章于 2024-07-26 11:30:49 发布

猕猴桃-HR

最新推荐文章于 2024-07-26 11:30:49 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/weixin_45677987/article/details/126390583

版权

vue 专栏收录该内容

105 篇文章

订阅专栏

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();
 }