# vue-g6-editor

**Repository Path**: apgk/vue-g6-editor

## Basic Information

- **Project Name**: vue-g6-editor
- **Description**: 仿阿里G6-Editor的demo，开发成vue版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2021-04-28
- **Last Updated**: 2021-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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/