vue 引入 mxgraph

最新推荐文章于 2025-03-24 11:10:45 发布

爱学习的啊豪-前端

最新推荐文章于 2025-03-24 11:10:45 发布

阅读量1.1k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_43678110/article/details/121105864

版权

本文详细介绍了如何在 Vue 项目中引入 mxgraph 库，包括通过 npm 安装、创建配置、在 main.js 中引入以及加载必要的 CSS 文件。通过遵循这些步骤，开发者可以顺利将 mxgraph 集成到前端应用中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  ** vue 安装mxgraph **

1.npm 下载 npm install mxgraph --save
2.创建配置文件：内容

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 // 默认工具栏

window.mxToolbar = mxgraph.mxToolbar // 工具栏

window.mxUndoManager = mxgraph.mxUndoManager //  撤销管理器

window.mxImage = mxgraph

最低0.47元/天解锁文章