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 {
  ...(同上)
}
相关推荐
从后端到QT几秒前
Android NDK开发入门2之适应idm环境
前端·javascript·数据库
一念永恒@20 分钟前
vue2新增删除
前端·javascript·vue.js
岸边的风38 分钟前
vue中mixin的理解,有那些使用场景?
前端·javascript·vue.js
时间sk1 小时前
CSS——6. 导入样式
前端·css
玩具工匠1 小时前
字玩FontPlayer开发笔记9 Tauri2打包应用
前端·笔记
椒盐大肥猫1 小时前
vue3运行时执行过程步骤
javascript·vue.js·ecmascript
骆驼Lara1 小时前
Vue3.5 企业级管理系统实战(一):项目初始搭建与配置
前端·vue.js
黑云压城After1 小时前
uniapp web-view调整修改高度设置
前端·javascript·uni-app
问老大1 小时前
uniapp实现在card卡片组件内为图片添加长按保存、识别二维码等功能
前端·javascript·uni-app
她说她一如既往的爱我1 小时前
如何写一个uniapp自定义tarbar导航栏?
前端·vue.js·windows·uni-app