建一个网站需要什么流程,wordpress视频网站主题,企业网站建设免费,网站建设与维护的试题卷判断题针对Element Plus Tree组件拖拽功能API用的麻烦#xff0c;小卷开发了一个API使用简单的JuanTree组件。拖拽功能用起来非常简单#xff01; 文章目录 使用示例allowDragallowDrop支持节点勾选支持dirty检测后台API交互 源码实现 使用示例
组件的使用很简单#xff1a; 通过…针对Element Plus Tree组件拖拽功能API用的麻烦小卷开发了一个API使用简单的JuanTree组件。拖拽功能用起来非常简单 文章目录 使用示例allowDragallowDrop支持节点勾选支持dirty检测后台API交互 源码实现 使用示例
组件的使用很简单 通过ref引用tree组件可操作其expose出来的方法比如保存节点操作新增、删除和重命名节点的变更、新增一级节点 通过v-model绑定勾选项data属性绑定初始化树形结构的嵌套数据option-props用于绑定组件的选项 allowDrop方法用来让用户控制哪些节点不允许drop操作当然哪些节点不允许drag也可以由相应的方法来控制比如下面的逻辑控制 allowDrag
比如44这个节点无法拖动 allowDrop
演示拖拽drop的限制Java Web节点不能释放在a11或a22节点上超过了5级限制。 支持节点勾选
在拖拽完成后节点的勾选状态能保证一致性 支持dirty检测
在编辑节点的情况下要先保存变更才能继续拖拽 后台API交互
提供了便捷的拖拽回调接口 这里给用户进行拖拽的后台API提供了必要的参数如果参数不够可以后期再扩展同时提供了回调的done函数调用了done()才更新拖拽后的节点非常的人性化 源码实现
见后续会员教程分享
