vue内引入jsPlumb流程控制器(一)

梦想的初衷 提交于 2021-01-05 10:19:27

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'

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!