当前位置: 首页 > news >正文

[element-plus] el-tree 拖拽到其他地方,不拖拽到树上

el-tree 拖拽到其他地方,不拖拽到树上

<template><el-treeclass="filter-tree":data="treeData":props="defaultProps"node-key="id"draggable:allow-drop="allowDrop"@node-drag-end="handleDragEnd"ref="tree"></el-tree>
</template>
// 阻止el-tree默认拖拽
const allowDrop = (draggingNode: Node, dropNode: Node, type: AllowDropType) => {return false;
}// 拖拽
const handleDragEnd = (draggingNode: Node,dropNode: Node,dropType: NodeDropType,ev: DragEvents
) => {console.log('tree drag end:', dropNode && dropNode.label, dropType)
}

参考:

Vue 跨组件元素拖拽并传递数据(draggable)

http://www.lryc.cn/news/626661.html

相关文章:

  • Vue3 element ui 给表格的列设置背景颜色
  • 晨控EtherCAT设备分配IP操作手册
  • LWIP的TCP协议
  • 在 Golang 中复用 HTTP 连接
  • 26_基于深度学习的茶叶等级检测识别系统(yolo11、yolov8、yolov5+UI界面+Python项目源码+模型+标注好的数据集)
  • CTFshow系列——命令执行web38-40
  • Qt音乐播放器项目实践:本地持久化与边角问题处理
  • 小红书账号隔离:解决IP关联问题方案
  • 网络工程师考试重点:OSI七层模型TCP/IP四层模型解析
  • 【北京迅为】iTOP-4412精英版使用手册-第三十二章 网络通信-TCP套字节
  • yolo_RK3588系列(三)
  • 5.4 4pnpm 使用介绍
  • FreeRTOS---进阶知识1---列表的创建
  • SQL 中大于小于号的表示方法总结
  • Claude Code NPM 包发布命令
  • 内网安全——出网协议端口探测
  • Java开源工具Apache PDFBox(强大的处理 PDF文档工具:创建、读取、修改、解析和提取 PDF)
  • Apache ShenYu和Nacos之间的通信原理
  • 【Tech Arch】Apache Pig大数据处理的高效利器
  • Spring Boot 日志体系详解:配置与实战
  • 三、k8s 1.29 之 资源清单
  • 网络编程5(HTTPS)
  • 【考研408数据结构-08】 图论基础:存储结构与遍历算法
  • Linux的奇妙冒险——进程pcb第二讲
  • 云原生俱乐部-k8s知识点归纳(5)
  • SpringTask入门
  • 关于多个el-input的自动聚焦,每输入完一个el-input,自动聚焦到下一个
  • Rust并发编程:解锁高性能系统的密钥
  • 第12课_Rust项目实战
  • 批处理指令常见问题