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

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

思路:获取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.lryc.cn/news/514559.html

相关文章:

  • 【Ubuntu】Ubuntu server 18.04 搭建Slurm并行计算环境(包含NFS)
  • 高并发场景下的秒杀系统架构设计与实现
  • 搭建开源版Ceph分布式存储
  • QT----------多媒体
  • 选择器(结构伪类选择器,伪元素选择器),PxCook软件,盒子模型
  • Vue2/Vue3 响应式原理对比指南
  • FastExcel:超越EasyExcel的新一代Excel处理工具
  • 大模型系列17-RAGFlow搭建本地知识库
  • 常用的mac软件下载地址
  • 基于51单片机和16X16LED点阵屏(74HC138和74HC595驱动)的小游戏《贪吃蛇》
  • python中常用的内置函数介绍
  • 【微服务】Spring Cloud Config解决的问题和案例
  • 华为OD机试E卷 --最小的调整次数--24年OD统一考试(Java JS Python C C++)
  • Oracle Dataguard(主库为 Oracle 11g 单节点)配置详解(2):配置主数据库
  • 慧集通iPaaS集成平台低代码训练-实践篇
  • TDengine 如何进行高效数据建模
  • HarmonyOS NEXT应用开发实战:一分钟写一个网络接口,JsonFormat插件推荐
  • 基于动力学的MPC控制器设计盲点解析
  • Java重要面试名词整理(十六):SpringBoot
  • 在K8S中,如何部署kubesphere?
  • 算法-查找缺失的数字
  • antd-vue - - - - - a-date-picker限制选择范围
  • 计算机网络练习题
  • redis的集群模式与ELK基础
  • STM32-笔记18-呼吸灯
  • Vue3 + ElementPlus动态合并数据相同的单元格(超级详细版)
  • 【JavaWeb后端学习笔记】MySQL的数据控制语言(Data Control Language,DCL)
  • libvirt学习
  • STM32-笔记19-串口打印功能
  • 概率论与数理统计