Workflow Designer for Vue

Usage

<template>
  <div id="app">
    <wfd-vue ref="wfd" :data="demoData" :height="600" :users="candidateUsers" :groups="candidateGroups" :lang="lang" />
  </div>
</template>

<script>
import WfdVue from 'wfd-vue'
export default {
  name: 'app',
  components:{
    WfdVue
  },
  data () {
    return {
      lang: "en",
      data: {...},
      export: () => { ... }
    }
  }
}
</script>

API

Attributes

• data: initial data
• height: canvas height
• mode: view/edit
• lang: en
• isView: whether it is preview mode (hide the toolbar and property bar)

Methods

• export(): export to JSON data, including nodes, edges, and groups

Run Example

npm run serve