jsPlumb 连线插件学习 vue使用 拐点位置_js连线插件

 

目录

一.安装引用

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.使用方法