如何详细步骤解析在Vue项目中集成mxGraph？

本文共计288个文字，预计阅读时间需要2分钟。

第一步：下载npm包bashnpm install mxgraph --save

第二步：创建index.js文件javascriptimport mx from 'mxgraph';

const mxgraph=mx({ mxImageBasePath: './src/images', mxBasePath: './src'});// decode bug https://github.com/

第一步：下载npm包

npm install mxgraph --save

第二步：新建一个index.js文件

文件内容如下

import mx from 'mxgraph'; const mxgraph = mx({ mxImageBasePath: './src/images', mxBasePath: './src' }); // decode bug 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选项提供给工厂函数，而不是将其定义为一个全局变量。