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

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.kler.cn/a/464472.html

相关文章:

  • PADS Logic原理图中有很多页原理图,如何(怎样)删除其中一页或者多页
  • 友元和运算符重载
  • 【AI学习】Transformer深入学习(二):从MHA、MQA、GQA到MLA
  • 网络安全【C10-2024.10.1】-sql注入基础
  • C# 在PDF中添加和删除水印注释 (Watermark Annotation)
  • Unity3D ILRuntime开发原则与接口绑定详解
  • SAP财务凭证的更改、冲销的方式
  • python: generate model and DAL using Oracle
  • 【从零开始入门unity游戏开发之——C#篇43】C#补充知识——值类型和引用类型汇总补充、变量的生命周期与性能优化、值类型和引用类型组合使用
  • 虚拟路由冗余协议VRRP(Virtual Router Redundancy Protocol)
  • Springboot使用RabbitMQ实现关闭超时订单的一个简单示例
  • 【面试】深入理解 JavaScript 中的 Object.freeze()
  • k8s部署juicefs
  • SpringBoot教程(十四) SpringBoot之集成Redis
  • Vue 全局事件总线:Vue 2 vs Vue 3 实现
  • 一条SQL语句是如何执行的
  • BOC调制信号matlab性能仿真分析,对比功率谱,自相关性以及抗干扰性
  • python学opencv|读取图像(二十三)使用cv2.putText()绘制文字
  • 嵌入式驱动开发详解8(阻塞/非阻塞/异步通信)
  • Dokcer部署双主Mysql
  • XDOJ 771 求二叉树高度
  • C++ 面向对象编程:多继承、多态
  • 人工智能安全与隐私——联邦遗忘学习(Federated Unlearning)
  • 利用Java爬虫获取店铺所有商品:技术实践与应用指南
  • Windows通过X11转发显示远程Linux上的图形界面
  • 问题记录:[FATAL] [1735822984.951119148]: Group ‘manipulator‘ was not found.