當我們使用jsPlumb在Vue.js工程中進行拖拽和連線的操作時,有時候需要清空Vue中已有的拖拽和連線,讓其重新回到初始狀態,這時我們可以使用以下代碼來實現清空Vue的功能。
clearVue() { var instance = jsPlumb.getInstance({ Container: "myContainerId" }); //清除所有連線 instance.detachEveryConnection(); //刪除所有點和連接 instance.deleteEveryEndpoint(); //刪除jsPlumb中使用的元素 instance.reset(); }
上述代碼中,我們先通過jsPlumb.getInstance()獲取到jsPlumb實例,然后分別執行detachEveryConnection()、deleteEveryEndpoint()和reset()操作,分別代表清除所有連線、刪除所有點和連接,以及清除使用的元素。這樣,我們就可以輕松地清空Vue中的jsPlumb拖拽和連線了。