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

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

问题描述:

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');

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

http://www.lryc.cn/news/309553.html

相关文章:

  • MySQL数据库基本操作(二)
  • Unity(第十部)时间函数和文件函数
  • 【Java学习笔记】
  • Python列表生成式你学会了吗
  • 【Mybatis】快速入门 基本使用 第一期
  • 在 Rust 中实现 TCP : 1. 联通内核与用户空间的桥梁
  • STM32-ADC一步到位学习手册
  • 【文件管理】关于上传下载文件的设计
  • 微服务架构 SpringCloud
  • 前端 css 实现标签的效果
  • SLAM基础知识-卡尔曼滤波
  • 云时代【6】—— 镜像 与 容器
  • 【QT+QGIS跨平台编译】之五十三:【QGIS_CORE跨平台编译】—【qgssqlstatementparser.cpp生成】
  • JMeter性能测试基本过程及示例
  • 你知道什么是回调函数吗?
  • mac苹果电脑c盘满了如何清理内存?2024最新操作教程分享
  • k8s-kubeapps图形化管理 21
  • 1_Springboot(一)入门
  • Docker Machine简介
  • GWO优化高斯回归预测(matlab代码)
  • LaTeX-设置图像与表格位置
  • STM32 DMA入门指导
  • mysql根据指定顺序返回数据--order by field
  • IEEE SGL与NVMe SGL的区别?
  • struct内存对齐
  • 探索Redis 6.0的新特性
  • 关于CSS中定位的教程
  • 抽象类、模板方法模式
  • 消息队列kafka
  • 复盘成长——2024.2月复盘