el-table树形懒加载展开改为点击行展开

news/2025/1/6 5:26:39/

思路:获取el-table中小箭头,然后调它的click事件!

 <el-table@row-click="getOpenDetail":row-class-name="tableRowClassName">
    // 点击当前行展开节点getOpenDetail(row, column, event) {// 如果是叶子节点或点击的是输入框,不触发展开//我的行里面有输入框所以加这个判断,没有则忽略if (row.isListNode === '1' || event.target.tagName.toLowerCase() === 'input') {return;}// 获取展开按钮并触发点击const expandBtn = event.currentTarget.querySelector('.el-table__expand-icon');if (expandBtn) {expandBtn.click();}},//添加鼠标移入鼠标样式tableRowClassName({row, rowIndex}) {return 'clickable-row';},
  ::v-deep .clickable-row {cursor: pointer;// 当鼠标悬停在输入框上时保持默认指针,我的行里面有输入框所以加这个.el-input-number {cursor: default;}}

http://www.ppmy.cn/news/1560542.html

相关文章

173. 矩阵距离 acwing -多路BFS

原题链接&#xff1a;173. 矩阵距离 - AcWing题库 给定一个 N行 M 列的 01矩阵 A&#xff0c;A[i][j] 与 A[k][l]]之间的曼哈顿距离定义为&#xff1a; dist(i,j,k,l)|i−k||j−l|| 输出一个 N 行 M 列的整数矩阵 B&#xff0c;其中&#xff1a; B[i][j]min1≤x≤N,1≤y≤M,A…

MySQL数据库(日志)

1、日志系统分为哪几种&#xff1f; undo log&#xff08;回滚日志&#xff09; &#xff1a;是 Innodb 存储引擎层生成的日志&#xff0c;实现了事务中的 原子性 &#xff0c;主要 用于事务回滚和 MVCC 。 redo log&#xff08;重做日志&#xff09; &#xff1a;是 Innodb 存…

无人机快速巡检、森林、电力、水利大大节省人力成本,降低风险事故

无人机在快速巡检、森林、电力、水利等领域的应用&#xff0c;确实大大节省了人力成本&#xff0c;并有效降低了风险事故。以下是对这些应用的详细分析&#xff1a; 一、无人机快速巡检 无人机快速巡检技术以其高效性、安全性和精准性&#xff0c;在众多领域展现出了巨大的应…

电子电器架构 --- 自动驾驶技术中的LiDAR

我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 所谓鸡汤,要么蛊惑你认命,要么怂恿你拼命,但都是回避问题的根源,以现象替代逻辑,以情绪代替思考,把消极接受现实的懦弱,伪装成乐观面对不幸的…

vue 虚拟滚动 vue-virtual-scroller RecycleScroller

vue 3 https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/README.md vue 2 https://github.com/Akryum/vue-virtual-scroller/tree/v1/packages/vue-virtual-scroller npm install --save vue-virtual-scrollernextmain.js // 虚拟滚…

Linux(Ubuntu)下ESP-IDF下载与安装完整流程(2)

接前一篇文章:Linux(Ubuntu)下ESP-IDF下载与安装完整流程(1) 本文主要看参考官网说明,如下: 快速入门 - ESP32-S3 - — ESP-IDF 编程指南 latest 文档 Linux 和 macOS 平台工具链的标准设置 - ESP32-S3 - — ESP-IDF 编程指南 latest 文档 一、安装准备 1. Linux用

scala概念

val声明变量和var声明变量的不同&#xff1f; val修饰不可变变量&#xff0c;var修饰可变变量 trait与class的相同点和不同点&#xff1f; 它们的相同点在于都能包含抽象和非抽象成员&#xff0c;且不能直接实例化。 区别在于抽象类的构造方法可传参&#xff0c;而特质的构…

网络爬虫性能提升:requests.Session的会话持久化策略

网络爬虫面临的挑战 网络爬虫在运行过程中可能会遇到多种问题&#xff0c;包括但不限于&#xff1a; IP被封禁&#xff1a;频繁的请求可能会被网站的反爬虫机制识别&#xff0c;导致IP被封。请求效率低&#xff1a;每次请求都需要重新建立TCP连接&#xff0c;导致请求效率低下…