TaskBoard - Export
Use TaskBoard export methods to produce JSON or CSV from current board data.
#Usage
import { TaskBoard } from '@primeui/vue-taskboard';<TaskBoard.Root ref="board" v-model:tasks="tasks" data-key="id" column-field="columnId" :swimlanes="swimlanes">
<!-- TaskBoard parts -->
</TaskBoard.Root>Export helpers live on the root ref. Use them from toolbar controls when users need JSON, CSV, or downloaded files. The helpers export the bound source data, not the current hidden, filtered, sorted, or collapsed view.
#Export Methods
| Method | Output |
|---|---|
exportToJSON | Pretty JSON with columns, tasks, swimlanes, exportedAt. |
exportToCSV(options) | CSV string for task rows. |
downloadJSON, downloadCSV | Browser download using taskboard-export filenames. |
#CSV Options
Pass export options to exportToCSV or downloadCSV when a product needs a specific field list or delimiter.
| Option | Default |
|---|---|
fields | ['id', 'title', 'description', 'columnId', 'priority', 'assignee', 'dueDate', 'tags'] |
delimiter | , |
includeHeader | true |
arrayJoiner | ; |
Array values are joined with arrayJoiner. Values containing the delimiter, quotes, or new lines are escaped for CSV.
#Export Boundary
JSON includes shallow copies of the columns, tasks, and swimlanes that TaskBoard receives. CSV exports item rows only. If a product needs the filtered result set, localized headers, grouped summaries, or server-side audit fields, build that export in the app layer with the same item data and filter state.
#JSON and CSV
The export sample previews JSON and CSV output and triggers downloads through root methods.