GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ekoz → vue-mxgraph-samples

ekoz / vue-mxgraph-samples

Licence: MIT license
在 vue2 中使用 mxgraph 的一些用例 / used mxgraph in vue2

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
CSS
56736 projects
HTML
75241 projects

Labels

vue2element-uimxgraph

Projects that are alternatives of or similar to vue-mxgraph-samples

vue2-element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 115 (+618.75%)
Mutual labels:  vue2, element-ui
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统（包含地图等嵌套）
Stars: ✭ 74 (+362.5%)
Mutual labels:  vue2, element-ui
Region Picker
A region picker based on Vue and ElementUI.
Stars: ✭ 59 (+268.75%)
Mutual labels:  vue2, element-ui
D2 Admin Pm
基于 d2-admin的RBAC权限管理解决方案
Stars: ✭ 409 (+2456.25%)
Mutual labels:  vue2, element-ui
Vue2 Element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 112 (+600%)
Mutual labels:  vue2, element-ui
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (+0%)
Mutual labels:  vue2, element-ui
Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73 (+356.25%)
Mutual labels:  vue2, element-ui
element-ui-saas-extend
基于ElementUI开发的SaaS业务扩展
Stars: ✭ 14 (-12.5%)
Mutual labels:  vue2, element-ui
Seppf
普兰能效平台开源版（前端）
Stars: ✭ 104 (+550%)
Mutual labels:  vue2, element-ui
F Render
f-render | 基于 ElementUI 的表单设计器
Stars: ✭ 1,387 (+8568.75%)
Mutual labels:  vue2, element-ui
Vue Scscms
基于koa2+mysql+vue2.0+Element阳光内容管理系统，模范学习Demo
Stars: ✭ 284 (+1675%)
Mutual labels:  vue2, element-ui
Webadmin
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。
Stars: ✭ 153 (+856.25%)
Mutual labels:  vue2, element-ui
Hare
🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
Stars: ✭ 258 (+1512.5%)
Mutual labels:  vue2, element-ui
Easycloud
一个基于SSM框架，前后端分离的文件云平台项目
Stars: ✭ 37 (+131.25%)
Mutual labels:  vue2, element-ui
vue-qs-form
Vue quick step form, Vue快速问卷表单
Stars: ✭ 16 (+0%)
Mutual labels:  vue2, element-ui
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 1,135 (+6993.75%)
Mutual labels:  vue2, element-ui
element-ui-demo
A element-ui admin base on vue2
Stars: ✭ 18 (+12.5%)
Mutual labels:  vue2, element-ui
hoc-element-table
📦 A Vue 3.x Table Component built on Webpack 5
Stars: ✭ 26 (+62.5%)
Mutual labels:  vue2, element-ui
Eagles
eagles for vue componets of silianpan
Stars: ✭ 95 (+493.75%)
Mutual labels:  vue2, element-ui
Vue Element Quick Start
Vue2, Vuex 3, Vue Router 3, Element-ui and Typescript SPA project quick start kit(Vue element ui 快速开始脚手架)
Stars: ✭ 135 (+743.75%)
Mutual labels:  vue2, element-ui
View All Similar Projects ➔

vue-mxgraph-samples

在 vue2 中使用 mxgraph 的一些用例 / used mxgraph in vue2

核心文件

用于封装 mxgraph 的核心文件 vue-mxgraph/src/assets/mxgraph/4.0.0/mxgraph.js

let mxgraphFactory = require('mxgraph')

const factory = new mxgraphFactory({
  mxImageBasePath: 'assets/mxgraph/4.0.0/images',
  mxBasePath: 'assets/mxgraph/4.0.0'
})

module.exports = factory

在 vue 中引用的方法如下

import {
  mxClient,
  mxUtils,
  mxEvent,
  mxGraph,
  mxConstants,
  mxRubberband
} from '@/assets/mxgraph/4.0.0/mxgraph'

样例：

vue-mxgraph/src/views/Graph.js

参考：

jgraph/mxgraph/issues/175/npm install

Editor doesn't created when mxGraph is used as npm module

Demo

demo

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].