vue内引入jsPlumb流程控制器（一）

1. npm i jsplumb --save 

    注：jsplumb要全小写

2. 在main.js内 加：

import jsPlumb from 'jsplumb'
Vue.prototype.$jsPlumb = jsPlumb.jsPlumb

3. 组件内访问

   jsPlumb只有等到DOM初始化完成之后才能使用，因此我们在以下代码中调用jsPlumb方法

this.$jsPlumb.ready(function(){
  ···
});
//or
this.$jsPlumb.bind("ready",function(){
  ···
});

4. 如果在以上方法内访问 要注意 this指向已经不同  要在方法外 加

var that = this

让方法内的this指向vue 或用箭头函数

 

或直接在组件内引入

import { jsPlumb } from 'jsplumb'