vue3+elementplus+vuedraggable插件,实现左右拖拽移入,和上下拖拽排序

先看目标效果(gif由迅捷gif工具制作试用,使用vscode可以打开gif,进行预览)

效果分析

1.左右区域,支持拖拽。左侧选项,拖入右边。可以新建大模块,也可以给模块新增一项。
2.模块内部,支持拖拽排序,并按照排序,生成一个简单的层级。
3.模块名字支持编辑。同时增加表单校验,名字不存在,则无法保存。

posted @ 2024-02-01 13:55  风意不止  阅读(1272)  评论(0编辑  收藏  举报