tianm2009 / vue-g6-editor

仿阿里G6-Editor的demo,开发成vue版本

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-g6-editor

一个基于vue & antv/g6-editor封装的基础流程图插件

写在前言

仅供学习,切勿商用。阿里经已放弃维护原版编辑器,鄙人也不会维护此插件,参考https://github.com/antvis/g6-editor,谢谢。

install

npm install --save vue-g6-editor 

use

import BaseFlow from 'vue-g6-editor'
import 'vue-g6-editor/lib/BaseFlow.css'

<BaseFlow :data=data :getData=getData />

properties:
  data: 传入数据,数据格式参考:https://www.yuque.com/antv/g6-editor/flow-api#tg9kpf
        或者参考example/model文件夹下的flow.json

methods:
  getData: 获取数据接口,传入callback,如:
  getData(data) {
    console.log(data)
    ...
  }

online preview

http://www.coderlyc.xyz/vue-g6-editor/

About

仿阿里G6-Editor的demo,开发成vue版本


Languages

Language:Vue 90.8%Language:JavaScript 7.2%Language:HTML 2.1%