点击重置按钮清除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();
  }
相关推荐
绝世唐门三哥6 分钟前
使用Intersection Observer js实现超出视口固定底部按钮
开发语言·前端·javascript
南山安11 分钟前
Vue学习:ref响应式数据、v-指令、computed
javascript·vue.js·面试
思茂信息14 分钟前
CST电动车EMC仿真——电机控制器MCU滤波仿真
javascript·单片机·嵌入式硬件·cst·电磁仿真
鲸落落丶22 分钟前
Vue Router路由
前端·javascript·vue.js
阿呜的边城26 分钟前
终于还是吃上了react-i18next的细糠
前端·前端框架
米方35 分钟前
ElementPlus 穿梭框支持批量穿梭
前端·javascript·vue.js
InkHeart35 分钟前
uni-app开发路上的坑
前端·vue.js
用户40993225021235 分钟前
Vue3中v-bind:class与v-bind:style如何实现条件样式、组件样式合并与深层响应式管理?
前端·ai编程·trae
还算善良_42 分钟前
【Vue】表格实现表头多彩
javascript·vue.js·ecmascript
我是天龙_绍43 分钟前
如何在前端开发中高效运用AI:从提效到避坑
前端