vue中引入mxGraph的步骤详解
更新时间：2019年05月17日 16:01:45 作者：302wanger
本文分步骤给大家介绍了vue中引入mxGraph的方法，非常不错，给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
第一步：下载npm包
npm install mxgraph --save
第二步：新建一个index.js文件
文件内容如下
import mx from 'mxgraph';
const mxgraph = mx({
mxImageBasePath: './src/images',
mxBasePath: './src'
});
// decode bug https://github.com/jgraph/mxgraph/issues/49
window.mxGraph = mxgraph.mxGraph;
window.mxGraphModel = mxgraph.mxGraphModel;
window.mxEditor = mxgraph.mxEditor;
window.mxGeometry = mxgraph.mxGeometry;
window.mxDefaultKeyHandler = mxgraph.mxDefaultKeyHandler;
window.mxDefaultPopupMenu = mxgraph.mxDefaultPopupMenu;
window.mxStylesheet = mxgraph.mxStylesheet;
window.mxDefaultToolbar = mxgraph.mxDefaultToolbar;
export default mxgraph;
这个是官方引入的方法。它将返回一个接受对象作为选析那个的工厂函数。必须将mxBasePath选项提供给工厂函数，而不是将其定义为一个全局变量。
在vue使用时方法的指向会发生变化，所以将其挂载到window上。
第三步：在index.vue或其他文件中引入
import mxgraph from 'index.js';
const {mxGraph, mxClient, mxCodec, mxUtils, mxConstants, mxPerimeter} = mxgraph;
总结
以上所述是小编给大家介绍的vue中引入mxGraph的步骤详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章:
相关文章
vue3+vite 动态引用静态资源及动态引入assets文件夹图片的多种方式
通过require动态引入, 发现报错：require is not defind,这是因为 require 是属于 Webpack 的方法,本文给大家介绍vue3+vite 动态引用静态资源及动态引入assets文件夹图片的多种方式,感兴趣的朋友一起看看吧2023-10-10
今天小编就为大家分享一篇vue改变循环遍历后的数据实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。这篇文章主要介绍了vue组件与复用,需要的朋友可以参考下2018-04-04
key属性是一个特殊的属性，用于标识每个节点的唯一性。在Vue2.x版本中的key和Vue3.x版本中的key有很大的不同，那么在这篇文章中，我们将会讨论Vue2中的key和Vue3中的key的区别2023-04-04
react在中后台项目中由于在处理复杂的业务逻辑或组件的复用问题比vue优雅而被人认可，但也更需要团队技术整体比较给力，领头大佬的设计与把关能力要更优秀，因此开发成本更大，下面文章就来详细介绍,需要的朋友可以参考下2021-09-09
Vue.js的Mixins功能允许封装可复用的组件选项,实现代码复用和模块化,Mixins可以包含数据、方法、生命周期钩子等组件选项,使用时,Mixins中的选项会被混入组件中,优先级低于组件自身选项,优点包括代码复用、高灵活性和简单易用2024-09-09
Vue Object.defineProperty及ProxyVue实现双向数据绑定
这篇文章主要介绍了Vue Object.defineProperty及ProxyVue实现双向数据绑定,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
今天小编就为大家分享一篇vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了Vue vant使用ImagePreview实现预览图片，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了Vue Element UI使用中遇到的问题，对ElementUI感兴趣的同学，可以参考下2021-05-05
最新评论