点击重置按钮清除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();
  }
相关推荐
nunumaymax1 分钟前
【第四章-react ajax】
前端·react.js
前端若水2 分钟前
层叠层(@layer):彻底解决优先级战争,告别 !important
前端·css·css3
invicinble8 分钟前
前端框架使用vue-cli( 第二层:工程配置层--vue语法系列)
前端·vue.js·前端框架
爱滑雪的码农9 分钟前
React+three.js之场景(Scene),相机(Camera)
前端·javascript·react.js
UXbot10 分钟前
AI应用原型平台核心能力:界面自动生成、交互流程编辑、多格式代码导出详解
前端·低代码·交互·软件构建·原型模式·web app
call me by ur name13 分钟前
多模态大模型轻量化
前端·网络·人工智能
Lee川15 分钟前
登录注册模块的 JWT 认证机制详解
前端·后端·react.js
夜猫子ing20 分钟前
《嵌入式 Linux 控制服务从零搭建(二):从目录结构到 CMakeLists,搭一个像样的 C++ 工程骨架》
java·前端·c++
kyriewen9 小时前
百度用6%成本碾压硅谷?中国AI把性价比玩明白了
前端·百度·ai编程
kyriewen9 小时前
你还在手动敲命令部署?GitHub Actions 让你 push 即上线,摸鱼时间翻倍
前端·面试·github