vue中引入mxGraph_vue3.0 ts引入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;

本文链接：https://blog.csdn.net/sinat_32720011/article/details/90294427

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

mac升级xcode导致git无法使用_安装xcode后git没有了-程序员宅基地

文章浏览阅读1.1k次。用mac的小伙伴一定知道，xcode的下载和安装总是让人感觉那么的烦躁，不安装xcode又会无法使用各种东西，比如git，有没有一种方法不安装xcode，或者不升级xcode就可以正常使用呢昨晚升级了xcode，然后一直提示正在安装，正巧，这个时候需要合并分支用到了git，但是提示-> gitxcrun: error: active developer path("/Applications/Xcode.app/Contents/Developer")does not exist, u._安装xcode后git没有了

如何才能使用apt-get使用本地安装源进行安装_步骤做apt-程序员宅基地

文章浏览阅读9.6k次。我们都喜欢使用apt-get，因为它实在是让我们大大的省心。但是，有时候我们会为网速慢，安装源不好而烦恼，所以我们可能会将一些常用软件包的deb文件保存在本地以备不时之需。当然了使用dpkg也可以直接来安装保存在本地的deb软件包，问题是它并不能处理软件包之间的依赖(dependence)关系，那么如何使用apt-get来安装保存在本地的软件包和源代码呢？下面是如何让apt-ge_步骤做apt

linux设备驱动归纳总结（三）：7.异步通知fasync_linux设备驱动归纳总结(三):7.异步通知fasync-程序员宅基地

文章浏览阅读684次。转自：http://blog.chinaunix.net/uid-25014876-id-62725.htmllinux设备驱动归纳总结（三）：7.异步通知fasyncxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx异步通知fasync是应用于系统_linux设备驱动归纳总结(三):7.异步通知fasync

java工具类-生成二维码并上传到阿里图片服务器_java 生成二维码保存至服务器-程序员宅基地

文章浏览阅读1.8k次。1.引入jar <dependency> <groupId>com.google.zxing</groupId> <artifactId>cor..._java 生成二维码保存至服务器

ZED2运行ORB-SLAM3 （一、环境搭建）_zed2 slam-程序员宅基地

文章浏览阅读1.2k次。ZED2 SDK3.6 + CUDA10.2 + Ubuntu18.04 + ROS Melodic ——ORB-SLAM3_zed2 slam

6.2.3、备份策略：完全备份、增量备份、差异备份-程序员宅基地

文章浏览阅读242次，点赞3次，收藏6次。常用的备份策略有完全备份和增量备份，增量备份可细分为累计增量备份和差异增量备份。

随便推点

Python - 使用python-opencv裁剪原视频为与视频高同宽的视频_opencv去掉视频上半部分-程序员宅基地

文章浏览阅读925次。1 裁剪视频的原因在有些情况下，我们只需要视频中间部分的视频内容，所以需要通过裁剪去掉周围冗余的视频部分。2 代码# -*- coding: utf-8 -*-import cv2import osdef crop_video_by_width(input_video_path,out_video_path): # 判断视频是否存在 if not os.path.exists(input_video_path): print('输入的视频文件不存在') _opencv去掉视频上半部分

Flutter 升级 2.0 填坑指导，带你原地起飞_because flutter_styled_toast >=2.0.0 depends on fl-程序员宅基地

文章浏览阅读1.4w次，点赞17次，收藏41次。Flutter 2.0 的发布带来了很多的 break change ，特别是新增加的空声明安全，相信不少大哥尝鲜之后立马反思自己“手贱” ，事实上旧项目升级 Flutter 2.0 确实有很多兼容的点，但是“吃螃蟹”其实我们可以逐步拆解，比如“先蒸熟了再吃”？其实正如《 Dart 2.12 发布，稳定空安全声明和FFI版本》里所说，升级到 Flutter 2.0 并不会强制要求你马上使用空声明安全，所以我们可以把整个升级适配过程拆解几步来完成，最终完成 2.0 的升级适配。1、针对 API 的_because flutter_styled_toast >=2.0.0 depends on flutter_localizations from s