点击重置按钮清除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();
  }
相关推荐
Dalydai几秒前
AI 辅助大屏开发:怎么让 AI 干活,但别让它干砸
前端
凌涘几秒前
深入理解 JavaScript 执行机制:从执行上下文到调用栈全解析
前端·javascript
utmhikari1 分钟前
【AI原生】用Vibe Coding写产品前端原型的一些经验
前端·ai·产品经理·web·web开发·ai-native·qoder
li星野1 分钟前
从零搭建文件上传系统:FastAPI 后端 + Streamlit 前端
前端·状态模式·fastapi
用户938515635075 分钟前
从模块化到 Prompt 工程:我用 Node.js + LLM 复刻了传统 NLP 的流程
javascript·人工智能·node.js
YAwu115 分钟前
手写一个符合 Promise/A+ 规范的 Promise(附完整代码)
前端·javascript
bonechips5 分钟前
用 Prompt 做 NLP:从零搭建一个情感分析与信息提取系统
javascript
暗不需求6 分钟前
从路虎汽车小程序看微信小程序开发的最佳实践
前端·javascript·微信小程序
用户059540174467 分钟前
我把RAG对话记忆测试从手工用例改成ChromaDB自动化评估,Bug发现率翻了4倍
前端·css
东风破_7 分钟前
用原型实现一个队列:JS 面向对象的"不走寻常路"
javascript