jsplumb+dragable+vue(三)

總結 用到的jsplumb方法

jsPlumb.connect({ source: PageSourceId, target: PageTargetId }, con);鏈接兩個節點
jsPlumb.getAllConnections();獲取鏈接線信息
jsPlumb.detachEveryConnection();刪除全部的鏈接
jsPlumb.removeAllEndpoints(id);刪除節點的全部端點
jsPlumb.detach(contentid);刪除鏈接線
jsPlumb.addEndpoint(id， { anchors: "BottomCenter" }, that.circlecss)添加端點
jsPlumb.draggable(id);容許節點拖拽

以上

注意由於vue是單頁面可能重繪時候以前的信息還有所保留因此最好初始化時候獲取鏈接線，若是大於0則先刪除全部鏈接線再重繪圖

if(jsPlumb.getAllConnections().hasOwnProperty('jsPlumb_DefaultScope')) {
     
       if( jsPlumb.getAllConnections().jsPlumb_DefaultScope.length >0) {
         
         jsPlumb.detachEveryConnection()
     
         };
    }

完結 撒花！！！