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'

转载于:https://www.cnblogs.com/moneyss/p/8662205.html

vue内引入jsPlumb流程控制器（一）相关推荐

vue内引入语音播报功能
为什么80%的码农都做不了架构师?>>> 在vue项目中引入语音播报,使用的科大讯飞语音接入, 具体思路为每次接收到语音信息后存入一个数组,然后监听这个数组,开始冲第一个索引播 ...
vue当前页引入js_「vue基础」新手入门导航（一）
自从Facebook2013年推出React框架以来,基于UI组件的前端框架越来越流行,主要得益于组件的重用性,数据状态的管理等特性. 谷歌也推出了基于组件的第二代Angular框架,致力于开发全平台 ...
深入浅出Vue.js阅读——整体流程——实例方法与全局API的实现原理
深入浅出Vue.js阅读--整体流程--实例方法与全局API的实现原理 1. 数据相关的实例方法 2. 事件相关的实例方法 1. vm.$on 2. vm.$off 3. vm.$once 4. vm ...
Vue.js的开发流程
简单快速了解Vue.js的开发流程 Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文主要介绍 vue.js的开发流程,不会涉及知识点的具 ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏也不知道是什么原因?引用了几个远程的cdn文件,但是就是失效,cdn引入代码如下: cdn代码如下: <link rel=&quo ...
记录一次vue项目引入GoogleMap API进行地图定位
背景公司项目进行国际化处理,需要将定位信息地图替换成谷歌地图. 一.Google 账号准备用谷歌账户登录谷歌云平台 https://cloud.google.com/maps-platform/? ...
Vue中引入echarts的步骤，折线图、柱状图、饼图的常用配置项
vue中引入echarts 一.安装echarts 二.引入echarts 1.全局引入 2.局部引入三.vue中使用echarts 1.准备好函数 2.准备一个容器来放echarts 3.初始化容 ...
vue内使用 cytoscape（数据可视化）
vue内使用 cytoscape 官网(https://js.cytoscape.org/) 官网全是英文,不太友好,哈哈哈,翻译过来也是乱七八糟- cytoscape能够进行图形分析和可视化,轻松显 ...

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

vue内引入jsPlumb流程控制器（一）相关推荐

最新文章

热门文章