当前位置： 首页 > news >正文

elment-ui table表格排序后 清除排序箭头/恢复默认排序 的高亮样式

news 来源：原创 2024/5/20 12:42:03
问题描述：

1.默认排序是按照名称升序排列（图一）

在这里插入图片描述

2.在选择了筛选项以及其他排序方式之后，箭头高亮是这样的（图二）

在这里插入图片描述
3.当我点击清空按钮后，类型清空了，并且传给后端的排序方式是名称/升序，可是箭头高亮仍旧保持了之前点击共享方式的样子（图三）
在这里插入图片描述

我的目的是让他恢复初始的名称升序高亮的样式（图一）

解决过程

1.使用this.$refs.sortTable.clearSort();
先给el-table添加ref="sortTable"this.$refs.sortTable.clearSort();

结果是去除了所有的高亮，不是我想要的结果
在这里插入图片描述

2.制定默认排序样式this.$refs.tables.sort(sortName, sortType)
this.$refs.sortTable.sort('name', 'ascending');

好的，点击清除之后恢复了我想要的高亮样式
在这里插入图片描述

相关文章：

  • 【leetcode热题】被围绕的区域
  • 浅谈密码学
  • ABB双语言共享充电宝投资理财源码/共享充电宝系统源码/共享充电宝市场分析/五级分销返利+地图显示模式
  • Newtonsoft.Json
  • Linux tload 命令教程：实时监控系统负载(附案例详解和注意事项)
  • 铝型材【欧标】
  • Leetcoder Day32｜ 贪心算法part05
  • 【Vue3】深入理解Vue中的ref属性
  • Sora引发安全新挑战
  • k8s 存储卷详解与动静部署详解
  • Debezium发布历史161
  • Linux命令行与shell脚本编程大全-2.2
  • 【C++】结构体
  • express+mysql+vue,从零搭建一个商城管理系统7--文件上传，大文件分片上传
  • Ps：海绵工具
  • iBatis和MyBatis在使用ResultMap对应关系时的区别
  • MaxCompute访问TableStore(OTS) 数据
  • Python爬虫--- 1.3 BS4库的解析器
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 安卓应用性能调试和优化经验分享
  • 模型微调
  • 前端学习笔记之观察者模式
  • 用element的upload组件实现多图片上传和压缩
  • Nginx惊现漏洞 百万网站面临“拖库”风险
  • ​HTTP与HTTPS：网络通信的安全卫士
  • # 日期待t_最值得等的SUV奥迪Q9：空间比MPV还大，或搭4.0T，香
  • #Linux（帮助手册）
  • #Lua：Lua调用C++生成的DLL库
  • (02)Hive SQL编译成MapReduce任务的过程
  • （10）工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • (done) ROC曲线 和 AUC值 分别是什么？
  • （Note）C++中的继承方式
  • （第一天）包装对象、作用域、创建对象
  • （附源码）springboot 智能停车场系统 毕业设计065415
  • （附源码）ssm智慧社区管理系统 毕业设计 101635
  • （三）elasticsearch 源码之启动流程分析
  • （原）Matlab的svmtrain和svmclassify
  • （转）程序员技术练级攻略
  • .locked1、locked勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .net on S60 ---- Net60 1.1发布 支持VS2008以及新的特性
  • .NET企业级应用架构设计系列之应用服务器
  • .net与java建立WebService再互相调用
  • 。Net下Windows服务程序开发疑惑
  • /bin/bash^M: bad interpreter: No such file or directory
  • @EnableWebMvc介绍和使用详细demo
  • @Responsebody与@RequestBody
  • [2016.7 day.5] T2
  • [Android] 240204批量生成联系人，短信，通话记录的APK
  • [BT]BUUCTF刷题第9天（3.27）
  • [BZOJ 4598][Sdoi2016]模式字符串
  • [BZOJ1008][HNOI2008]越狱
  • [java] 23种设计模式之责任链模式
  • [Java] 什么是IoC？什么是DI？它们的区别是什么？
  • [Json.net]快速入门
  • [LeetCode] 626. 换座位