el-tree拖拽光标错位问题

ops/2025/1/11 9:38:04/
  • 背景:el-tree实现的分类树增加拖拽功能后,当分类树由于数量较多产生滚动条,如果分类树已滚动,进行拖拽时会造成光标错位的问题:
    在这里插入图片描述
    • 原因:el-tree拖拽光标定位的高度并未加上滚动的高度
    • 解决:将滚动的样式属性放在el-tree外层的元素上,而非el-tree本身
<!-- 增加外层元素 -->
<div class="tree-container"><el-tree...>...</el-tree>
</div>
.el-tree {margin: 25px 10px;max-height: 62vh;overflow: auto;
}
// 修改为:
.tree-container {...(同上)
}

http://www.ppmy.cn/ops/149129.html

相关文章

EFCore HasDefaultValueSql (续2 HasComputedColumnSql)

前情&#xff1a;EFCore HasDefaultValueSql EFCore HasDefaultValueSql (续1 ValueGeneratedOnAdd)-CSDN博客 小伙伴在使用 HasDefaultValueSql 时&#xff0c;对相关的 ValueGeneratedOnAdd, HasComputedColumnSql 也有了疑问&#xff1a; HasComputedColumnSql 对于计算…

[IoT]详细设计:智能农业监控系统

以下是基于IoT的智能农业监控系统网络拓扑的详细设计&#xff1a; 网络拓扑详细设计 1. 星型与网状混合拓扑 中心节点&#xff1a;本地服务器或集中控制器作为中心节点&#xff0c;负责协调和管理整个网络。传感器/执行器节点&#xff1a;分布在农田中&#xff0c;负责数据采…

【ROS2】☆ launch之Python

☆重点 ROS1和ROS2其中一个很大区别之一就是launch的编写方式。在ROS1中采用xml格式编写launch&#xff0c;而ROS2保留了XML 格式launch&#xff0c;还另外引入了Python和YAML 编写方式。选择哪种编写取决于每位开发人员的爱好&#xff0c;但是ROS2官方推荐使用Python方式编写…

定时器类QTimer的简单使用

定时器类QTimer 使用流程&#xff1a; 创建一个QTimer类对象后&#xff0c;设置定时器的周期时间间隔setInterval() 然后调用其 start() 函数开启定时器 此后QTimer对象就会周期性的发出 timeout() 信号。 //[1]创建定时器 QTimer timer new QTimer(this); //[2]绑定信号槽函…

Flutter pubspec.yaml 使用方式

Flutter pubspec.yaml 使用方式 pubspec.yaml 是 Flutter 项目中最重要的配置文件之一&#xff0c;用于管理应用的基本信息、依赖项、资源以及构建配置等内容。 1. 基本结构和字段 基本信息 name: my_flutter_app # 应用的名称 description: A new Flutter project …

Allure 集成 pytest

Allure 是一个强大的测试报告工具&#xff0c;与 pytest 集成可以生成详细的测试报告&#xff0c;包括测试步骤、测试数据、截图、错误堆栈等。 1. 安装 Allure 和相关依赖 安装 pytest-allure-adaptor 插件&#xff1a; pip install allure-pytest确保本地已安装 Allure 工具。…

poi-tl+kkviewfile实现生成pdf业务报告

需求背景&#xff0c;需要把ai生成的一些业务数据&#xff0c;生成一份pdf报告 需求分析 简单来说&#xff0c;就是json生成pdf的方案。 直接生成pdf。适合一些pdf样式简单的场景&#xff0c;一般就是纯文本按序渲染&#xff0c;或者是纯表格。如果需要一些复杂的排布&#x…

Java 基于微信小程序的高校科研团队管理系统设计与实现(附源码,部署,文档

博主介绍&#xff1a;✌程序员徐师兄、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;…