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