点击重置按钮清除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();
  }
相关推荐
董世昌4112 小时前
深度解析var、let、const的区别与最佳使用场景
开发语言·前端·javascript
C_心欲无痕12 小时前
Next.js 平行路由:构建模块化动态布局
开发语言·前端·javascript
warrah12 小时前
前端项目容器化部署问题
前端·docker
GISer_Jing12 小时前
2026前端技术潜在主流前沿方向
前端·人工智能·reactjs
切糕师学AI12 小时前
Vue 中的生命周期钩子
前端·javascript·vue.js
掘金-我是哪吒12 小时前
提升服务器性能,解决前端首页加载过慢的问题
运维·服务器·前端
摘星编程12 小时前
React Native for OpenHarmony 实战:Platform 平台检测与判断
javascript·react native·react.js
暴富暴富暴富啦啦啦12 小时前
使用 v-html 仅渲染新数据的方法
前端·javascript·vue.js
摘星编程12 小时前
React Native for OpenHarmony 实战:Slider 滑块组件使用指南
javascript·react native·react.js
light_in_hand12 小时前
CSS博客
前端·css