el-tree拖拽光标错位问题

  • 背景:el-tree实现的分类树增加拖拽功能后,当分类树由于数量较多产生滚动条,如果分类树已滚动,进行拖拽时会造成光标错位的问题:
    • 原因:el-tree拖拽光标定位的高度并未加上滚动的高度
    • 解决:将滚动的样式属性放在el-tree外层的元素上,而非el-tree本身
html 复制代码
<!-- 增加外层元素 -->
<div class="tree-container">
  <el-tree
    ...
  >...</el-tree>
</div>
css 复制代码
.el-tree {
  margin: 25px 10px;
  max-height: 62vh;
  overflow: auto;
}
// 修改为:
.tree-container {
  ...(同上)
}
相关推荐
追逐时光者2 分钟前
别再满网找零散工具了,腾讯 QQ 浏览器这个“帮小忙”工具箱真能省时间
前端·后端
To_OC2 小时前
LC 200 岛屿数量:经典 DFS 入门题,我第一次写居然连方向都搞错了
javascript·算法·leetcode
Asmewill2 小时前
grep&curl命令学习笔记
前端
stringwu2 小时前
Flutter 开发必备:MVI 架构的高效实现指南
前端·flutter
用户2136610035723 小时前
Vue2组件化开发与父子通信
前端·vue.js
Momo__4 小时前
TypeScript satisfies 操作符——比 as 更安全的类型守门员
前端·typescript
用户2136610035724 小时前
Vue2事件系统与指令进阶
前端·vue.js
labixiong4 小时前
实现一个能跑的迷你版Promise(一)
前端·javascript·面试
Csvn6 小时前
`??` 和 `||` 搞混,线上用户头像全挂了
前端
kyriewen6 小时前
白宫前脚下了限制令,OpenAI 后脚就把 GPT-5.6 发了
前端·gpt·openai