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()
     
         };
    }

完结 撒花！！！