点击重置按钮清除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();
  }
相关推荐
sorryhc12 分钟前
Vite开发环境按需编译是怎么实现的?
前端·javascript·vite
nnnnna29 分钟前
props 、emits 、组件上的v-model(详细版)
前端·javascript
三年三月32 分钟前
Tailwind CSS 入门介绍
前端
余生H38 分钟前
前端技术新闻(WTN-1):React.js & Next.js 爆出 CVSS 10.0 级严重漏洞,历史风险回顾与代码级深度分析
前端·javascript·react.js
1024肥宅41 分钟前
JavaScript 原生方法实现:数学与数字处理全解析
前端·javascript·ecmascript 6
烟袅1 小时前
深入理解 JavaScript 内存机制与闭包原理
前端·javascript
烟袅1 小时前
JavaScript 内存三空间协同机制:代码空间、栈空间与堆空间如何联合运行
前端·javascript
lqj_本人1 小时前
DevUI高频组件(Form 组件)深度用法与避坑指南
前端·javascript
live丶1 小时前
从零实现一个低代码 H5 页面编辑器(Vue3 + 拖拽)
前端·vue.js
黑臂麒麟1 小时前
华为云 DevUI初体验:如何快速入门项目搭建
前端·ui·华为云·devui