Vue>> vue-g6-editor>> 返回
项目作者： 1206497655

项目描述 ：
仿阿里G6-Editor的demo，开发成vue版本
高级语言： Vue
项目地址: git://github.com/1206497655/vue-g6-editor.git
创建时间： 2019-01-04T09:04:49Z
项目社区：https://github.com/1206497655/vue-g6-editor
开源协议：
下载


vue-g6-editor

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

写在前言

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

install

  1. npm install --save vue-g6-editor

use

  1. import BaseFlow from 'vue-g6-editor'
  2. import 'vue-g6-editor/lib/BaseFlow.css'
  4. <BaseFlow :data=data :getData=getData ></BaseFlow>
  6. properties:
  7.   data: 传入数据，数据格式参考：https://www.yuque.com/antv/g6-editor/flow-api#tg9kpf
  8.         或者参考example/model文件夹下的flow.json
  10. methods:
  11.   getData: 获取数据接口，传入callback，如：
  12.   getData(data) {
  13.     console.log(data)
  14.     ...
  15.   }

online preview

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