点击重置按钮清除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();
  }
相关推荐
用泥种荷花1 分钟前
【LangChain.js学习】 会话记忆(临时/长期)全解析
前端
慢慢长大的孩子5 分钟前
原生Android开发与JS桥开发对比分析
前端·后端
爱勇宝7 分钟前
2026年前端生存规划:只会写页面的人,正在被悄悄淘汰
前端·后端·架构
牛奶9 分钟前
JS随笔:异步编程与事件循环
前端·javascript·面试
牛奶9 分钟前
JS随笔:数据结构与集合
前端·javascript·面试
小陆猿19 分钟前
股票实时行情Echarts动态图表
前端·javascript
Dilettante25834 分钟前
React Server Components 全链路解析:Next.js 构建产物、导航流程与 Payload 格式
前端·next.js
前端付豪36 分钟前
Nest 项目小实践之注册登陆
前端·node.js·nestjs
用户91219176206136 分钟前
日本股票K线图生成实战:基于API的完整对接方案
前端
牛奶37 分钟前
JS随笔:ES6+特性与模块化实践
前端·javascript