jsPlumb 連線插件學習 vue使用 拐點位置

 

目錄

一.安裝引用

1.安裝

2.引用

二.使用jsplumb

1.初始化jsPlumb實例並使用

2.使用方法

---

文檔

https://www.jianshu.com/p/d9e9918fd928  （拐點位置）

一.安裝引用

1.安裝

npm install jsplumb --save

2.引用

main.js中將jsplumb掛在vue下

import jsPlumb from 'jsplumb'

Vue.prototype.$jsPlumb = jsPlumb.jsPlumb;

二.使用jsplumb

中文學習官網：https://wdd.js.org/jsplumb-chinese-tutorial/#/

1.初始化jsPlumb實例並使用

  (1).在data中加jsPlumb變量放置實例

       

  (2).在created中初始化實例，讓實例存在。

       

  (3).在mounted對實例進行操作，jsPlumb實例在頁面加載完成後纔會生效。

      例如：連接2個節點

      

2.使用方法