点击重置按钮清除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();
  }
相关推荐
叶落阁主14 分钟前
别再从 0 造后台了:`antdv-next-admin`,开箱即用的 Vue 3 中后台脚手架
前端
yiranlater17 分钟前
状态驱动渲染和事件驱动模型
前端
csdn飘逸飘逸19 分钟前
Autojs基础-控件操作
javascript
yuki_uix23 分钟前
用 useState 管理服务端数据?不如试试 React Query 来“避坑”
前端
薛定e的猫咪23 分钟前
Vibe Coding范式实战:用AI工具链(Stitch+Figma+ai studio+Trae)快速开发全栈APP
前端·人工智能·react.js·github·figma
折七30 分钟前
2026 年 Node.js 后端技术选型,为什么我选了 Hono 而不是 NestJS
前端·后端·node.js
下北沢美食家31 分钟前
Express框架入门
开发语言·javascript·express
毕设源码-钟学长38 分钟前
【开题答辩全过程】以 基于Vue的租房App为例,包含答辩的问题和答案
前端·javascript·vue.js
CappuccinoRose41 分钟前
HTML语法学习文档 - 汇总篇
前端·学习·html5
a1117762 小时前
星球主题个人主页(纯HTML 开源)
前端·html