4、jsplumb 在 dom 位置發生變化 jsplumb 監聽不到，所以連線位置不對。

場景：點擊按鈕查找parent 的關系，展示parent,相反查找 children, 但是按鈕盒子的位置變化了，連線位置沒有變化。

本來不打算單獨寫這個博客的，在bug管理中單獨記錄了這個問題，但是由于我解決的時間過長，并且在國內搜索不到有效的解決辦法，希望小伙伴不要像我這么浪費時間。

因為jsplumb 連線的時候 是記錄的source 和 target 分別是 nodeId，當你在傳入相同的 source 和 target jsplumb 認為是同一條線，不會重新繪制。這個問題困繞我一整天的時間，在同事的幫忙下才解決的，因為國內關于這個介紹的很少，沒有看到類似的問題，但是我相信肯定有這樣的API,于是讓我同事用英文的方式進行搜索。

instance.reset() 清除jsplumb的所有連線關系，相當于清楚 jsPlumb 的連線緩存

this.$nextTick(() => {<!-連線之前先把連線的關系清除-->this.datasetInstance.reset()jsPlumb.batch(() => {this.datasetEdges.forEach(item => {this.datasetInstance.connect({source: item.source,target: item.target,overlays: [], }, this.datasetCommon);});},true) }); 復制代碼

轉載于:https://juejin.im/post/5bf39ce3e51d4537d6742c09

總結

以上是生活随笔為你收集整理的jsplumb dom 位置发生变化，连线错位的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。