点击重置按钮清除el-table排序状态的高亮样式

需求:需要点击按钮的时候,清除掉el-table排序状态的高亮样式

解决方法:table添加ref="tableData",然后使用this.$refs.tableData.clearSort()。

html 复制代码
  <el-table
        :data="tableData"
        style="width: 100%"
        :header-cell-style="{ 'text-align': 'center' }"
        :cell-style="{ 'text-align': 'center' }"
        border
        size="mini"
        @sort-change="sortChange"
        ref="tableData"
      >
  </el-table>    
  
  reset() {
   this.$refs.tableData.clearSort();
  }
相关推荐
珵煜ini3 分钟前
wd-button组件阻止事件冒泡的
前端
炒毛豆3 分钟前
vue3.4中的v-model的用法~
前端·vue.js
用户40812812003814 分钟前
大文件分片上传和断点续传
前端
极客悟道4 分钟前
颠覆传统虚拟化:在Docker容器中运行Windows系统的开源黑科技
前端·后端
前端康师傅6 分钟前
JavaScript 中你不知道的按位运算
前端·javascript
小桥风满袖8 分钟前
Three.js-硬要自学系列38之专项学习缓冲几何体
前端·css·three.js
Rubin938 分钟前
埋点方案实现
前端
斯~内克13 分钟前
Centrifugo 深度解析:构建高性能实时应用的开源引擎
前端·开源
tianchang24 分钟前
策略模式(Strategy Pattern)深入解析与实战应用
前端·javascript·代码规范
best66627 分钟前
JavaScript的Math内置对象,到底是何方神圣?
javascript