jsplumb踩坑

一，，关于连线器label

     我们全局设置中可以用 getInstance 实例化新对象 也可以通过 importDefaults 实例化新对象  

     当我想要给连线器上添加标签  每个连线器上的标签都不一样  用 getInstance 会导致删除节点时  节点有关连线用

jsPlumb.removeAllEndpoints(id)

无法删除跟此id有关的连接线

而且 importDefaults 可以在每一小部分可以改变其中一小部分的默认设置

 

二，，删除单条连接线

   网上寻找相关资料时  都说以下方法实现此功能

     

jsPlumb.bind("click", function(c) {
      if(confirm("你确定取消连接吗?"))
        jsPlumb.detach(c);
  });

但是  我这边会报  jsPlumb: fire failed for event click : TypeError: __WEBPACK_IMPORTED_MODULE_2_jsplumb__.jsPlumb.detach is not a function 的错误

可能跟webpack有关系  于是我用以下方法实现删除单条连接线

 

jsPlumb.bind('click', (conn) => {
      jsPlumb.deleteConnection(conn)
   })