点击重置按钮清除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();
  }
相关推荐
Jerry说前后端3 分钟前
Android 移动端 UI 设计:前端常用设计原则总结
android·前端·ui
熊猫钓鱼10 分钟前
基于Trae CN与TrendsHub快速实现的热点百事通
前端·trae
LIUENG16 分钟前
Vue3 响应式原理
前端·vue.js
讨厌吃蛋黄酥20 分钟前
前端居中九种方式血泪史:面试官最爱问的送命题,我一次性整明白!
前端·css
龙在天23 分钟前
🤩 用Babel自动埋点,原来这么简单!
前端
Hierifer23 分钟前
跨端实现之网络库拦截
前端
随笔记25 分钟前
react-router里的两种路由方式有什么不同
前端·react.js
前端李二牛25 分钟前
异步任务并发控制
前端·javascript
你也向往长安城吗1 小时前
推荐一个三维导航库:three-pathfinding-3d
javascript·算法
imLix1 小时前
RunLoop 实现原理
前端·ios