最近業務需求，通過拖拽，實現流程編排，包括編排元素中的各種屬性，剛開始拿到這個需求，一頭霧水啊，找度娘渡了好久，FQ翻了很久，各種博客CSDN搜索，最終技術選型還是定在了jsplumb，這要感謝@萌級小菜鳥在碼雲上關於jsplumb的貢獻了，基於up主的一些封裝，我做了一些改造和升級，完全對業務夠用，話不多說，先看下效果吧：
簡單說明一下功能：寫了兩個demo，一個簡單一些的，一個復雜一些的，包括對拖動節點的設置，限制條件，縮放功能，保存（在控制台可以看數據，項目中使用直接把數據傳給后台即可！），元素的刪除，線的刪除，流程下載為圖片功能；復雜項目里面還可以進行拖動區域的判斷，部分區域里面元素的自適應。
大致說一下頁面功能模塊吧：首先進入咱們要繪制的頁面(.vue文件，進行組件注冊，及默認參數設置)，然后進入ef下面找到對應的組件，可以通過該組件里面引入的功能模塊，按照先后順序使用即可，其他的都可以不用去研究
原創不易，有喜歡的小伙伴幫忙start加轉發一下，謝謝了，最后附上代碼地址：https://github.com/WangHao1221/jsplumbWithVue
轉發請記得是說明出處，謝謝!