el-tree 拖拽出现蓝色线
时间: 2023-08-23 19:09:16 浏览: 210
引用\[1\]和\[2\]提供了关于拖拽节点的一些代码片段,这些代码片段用于判断目标节点是否可以被放置和节点是否可以被拖拽。根据这些代码,可以看出以下几点:
- 拖拽时判定目标节点能否被放置的逻辑是根据节点的level和parentId进行判断的。如果拖拽的节点和目标节点的level相同,并且它们的parentId也相同,那么可以放置在目标节点的前面或后面。否则,不允许放置。
- 判断节点能否被拖拽的逻辑是根据节点的level进行判断的。如果节点的level为1,即第一级节点,那么不允许拖拽。
引用\[3\]提供了关于el-tree拖拽事件的一些代码片段。根据这些代码,可以看出以下几点:
- handleDragStart函数在节点开始拖拽时触发,可以在这里进行一些操作。
- handleDragLeave函数在拖拽离开某个节点时触发,可以在这里进行一些操作。
- handleDragOver函数在拖拽节点时触发,类似于浏览器的mouseover事件。
- handleDragEnd函数在拖拽结束时触发,可以在这里进行一些操作。
- handleDrop函数在拖拽成功完成时触发,可以在这里将节点拖拽后的顺序返回给后端。
根据以上信息,关于el-tree拖拽出现蓝色线的问题,可能是由于拖拽事件的处理逻辑导致的。你可以检查拖拽事件的处理函数,特别是handleDragOver函数,看是否有不正确的逻辑导致了蓝色线的出现。另外,你还可以检查拖拽样式是否正确设置,以确保没有其他因素导致蓝色线的出现。
#### 引用[.reference_title]
- *1* *2* [Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载](https://blog.csdn.net/qq_41727900/article/details/106534288)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [elementui中tree树形控件拖拽怎么用?参数代表什么??](https://blog.csdn.net/zhangmeixia969/article/details/119532437)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文