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 {
  ...(同上)
}
相关推荐
码哥DFS11 小时前
二叉树的直径
开发语言·javascript·算法
badhope33812 小时前
当所有AI都在抄同一份作业:前端模板的趋同、困局与破局
前端·ai·ai编程·前端开发·tailwind·ui设计
光影少年13 小时前
RN的Fabric 渲染流程
运维·前端·javascript·react native·react.js·fabric
__zRainy__13 小时前
React开始:直接在网站中使用React.js
前端·react.js·前端框架
用户0595401744614 小时前
大模型长记忆评测踩坑实录:2000条错位记忆,让我排查了整整3小时
前端·css
码林鼠14 小时前
webpack的基本配置
前端·webpack·node.js
用户9385156350714 小时前
React Router 进阶:路由守卫、登录鉴权与状态传递
前端·javascript·全栈
kyriewen14 小时前
我重写了自己用了两年的防抖节流Hook——发现里面藏着3个隐藏bug
前端·javascript·面试
阿祖zu15 小时前
芝士就是力量!开源私有化部署与 GitHub 双向同步的个人知识笔记 App
前端·后端·ios
漂流瓶jz15 小时前
Webpack开发环境:观察模式/webpack-dev-server/HMR热更新
前端·javascript·webpack