1、功能介绍:基于Vue+element-UI框架,引入super-flow插件, 实现拖拽菜单栏的item项,移动到画布上,可以实现简单的流程图功能(添加节点,删除节点,连线,移动,编辑)

2、效果展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、代码地址

https://github.com/Demo996/dragMenu.git

4、super-flow地址

https://caohuatao.github.io/guide/

5、结束语

这个小案例没什么难点,只是发现并没有现成的插件完成这种需求,故此对vue-super-flow稍加修改,以防以后使用又要各种CV。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐