Question 1

How to customize node appearance in flowchart vue?

Accepted Answer

Use the theme property on nodes to set colors like borderColor, or implement a custom render function for full SVG control. The README shows theme properties but not detailed styling guides.

Question 2

Flowchart vue vs vue-flow: which should I use?

Accepted Answer

Flowchart Vue is lighter and focused on basic flowcharts with Vue 2, while vue-flow offers more features and Vue 3 support. Choose based on your Vue version and need for advanced diagramming.

Question 3

How to save and load flowchart data in flowchart vue?

Accepted Answer

Handle the save event to capture nodes and connections as JSON, then update the props. For loading, pass the data back to nodes and connections props, as shown in the handleChartSave method example.

Question 4

Does flowchart vue support Vue 3?

Accepted Answer

The library uses Vue.use() in examples, indicating Vue 2 compatibility. Check the GitHub repository for updates, as Vue 3 support may require a migration or separate package.

Question 5

How to add undo/redo functionality to flowchart vue?

Accepted Answer

Implement it manually by tracking changes in nodes and connections arrays with Vue reactivity. The library doesn't provide built-in undo/redo, so you'll need to manage state history yourself.

Question 6

Can I use flowchart vue for BPMN diagrams?

Accepted Answer

It can be adapted with custom nodes and connections, but lacks built-in BPMN symbols or validation. For full BPMN support, consider specialized libraries like bpmn-js instead.

flowchart-vue

What is flowchart-vue?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions