jsplumb+dragable+vue(三)

2024年2月26日 216次阅读 来源: NANA

总结 用到的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()
     
         };
    }

完结 撒花！！！

    原文作者：NANA
    原文地址: https://segmentfault.com/a/1190000016267702
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞