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

element-table排序icon没有点亮

<el-table :data="tableData" ref="tableRef"border :sort="defaultSort":default-sort="defaultSort"><el-table-column sortable :sort-orders="sortOrder" prop="date" label="日期"> </el-table-column><el-table-column sortable :sort-orders="sortOrder" prop="times" label="人次"></el-table-column><el-table-column sortable :sort-orders="sortOrder" prop="count" label="人数"> </el-table-column>
</el-table>
----------------------------
data() {return {tableData: [],sortOrder: ['ascending', 'descending'],defaultSort: { prop: "", order: "descending" }}
}

当我们获取到tableData数据,并依据数据设置defaultSort时,会发现虽然数据按prop数值排序了,但是排序icon却没有点亮,这时可以用element提供的方法sort,重新触发一次
在这里插入图片描述
我们可以在watch监听中,tableRef是

watch: {defaultSort: {handler() {const { order, prop } = this.defaultSort;this.$refs.tableRef.sort(prop, order);},deep: true}}

或者生命周期updated中

const { order, prop } = this.defaultSort;
this.$refs.tableRef.sort(prop, order);
http://www.lryc.cn/news/171528.html

相关文章:

  • 传统的经典问题 Java 的 Interface 是干什么的
  • Linux 文件 目录管理
  • QT信号槽实现原理
  • 7-7 求鸡兔数量
  • CTF 全讲解:[SWPUCTF 2022 新生赛]webdog1__start
  • 聊天机器人
  • 肖sir__mysql之综合题练习__013
  • 阿里云服务器部署安装hadoop与elasticsearch踩坑笔记
  • Golang 中 int 类型和字符串类型如何相互转换?
  • **20.迭代器模式(Iterator)
  • 计算机视觉与深度学习 | 视觉里程计理论
  • Go网络请求中配置代理
  • 【ArcGIS】基本概念-矢量空间分析
  • OSCP系列靶场-Esay-Moneybox保姆级
  • [python 刷题] 128 Longest Consecutive Sequence
  • SpringMVC之JSON数据返回与异常处理机制
  • 【第四阶段】kotlin语言的定义类和field关键字学习
  • OpenResty使用漏桶算法实现限流
  • Activiti源码跟踪之模型Model操作
  • C#-WinForm-发送邮件
  • Springboot整合jdbc和Mybatis
  • 日常生活中的常用命令及操作
  • 【C++杂货铺】国庆中秋特辑——多态由浅入深详细总结
  • MongoDB基础详解
  • 解锁前端Vue3宝藏级资料 第五章 Vue 组件应用 4 ( provide 和 inject )
  • 【List篇】LinkedList 详解
  • 推动统一供应链“度量衡”,上汽大通突破传统拥抱SaaS生态
  • 蓝牙核心规范(V5.4)10.9-BLE 入门笔记之GAP
  • nginx 配置 ssl
  • 家居设计软件Live Home 3D Pro mac中文版特点介绍