1、简介:jsPlumb是一个用于画流程图线的一个开源库。
2、体验:
2-1、引入jsPlumb
npm install jsPlumb --save
2-2、在文件里引入
import { jsPlumb } from 'jsplumb'
2-3、连接两个div
let _this = this jsPlumb.ready(function () { jsPlumb.connect({ source: _this.$refs.div1,//开始的dom或者id target: _this.$refs.div3,//结束的dom或者id endpoint: 'Blank',//连接端点的样式 connector: "Flowchart",//连接线的形状 贝塞尔曲线 直线等 anchor: ['Right', 'Left'],//连接位置 cssClass: 'inLine',//自定义类名 paintStyle: { stroke: 'lightgray', strokeWidth: 3 },//连接线样式 }) })