GoJsDesigner

在线 demo

开始使用

- npm 引入

``javascript
import GoJsDesigner from 'gojs-designer'
import 'gojs-designer/lib/gojs-designer.css';

:preview="preview"
@nodeOnClick="nodeOnClick"
:data="data"
ref="designer"
>

`

- 浏览器引入

`html



:preview="preview"
@nodeOnClick="nodeOnClick"
:data="data"
ref="designer"
>

`

效果展示

- 编辑模式
![](./assets/demo1.png)

- 预览模式
![](./assets/demo2.png)

Props

- data: Object // 流程图 json

- preview: boolean // 是否为预览模式

Event

- nodeOnClick: (node) => {} // 返回 node 节点信息

Methods

- getJSON

`javascript
// 获取流程json
this.$refs.designer.getJSON();
`

- redraw

`javascript
// 重新渲染
this.$refs.designer.redraw();
``