Working With Vue
Connect Vue 3 and Nuxt forms to Qubeforms. Use v-model, runtime configuration, upload progress, error handling, and draft saves for multi-step forms.
-
A Vue form component
Build a Vue 3 contact form with Qubeforms using v-model and FormData. Configure your endpoint, submit reactive fields, and handle API errors and success feedback.
-
Nuxt client forms
Connect Nuxt client forms to Qubeforms with public runtime configuration. Set endpoint environment variables, submit from browser event handlers, and test deployment.
-
Upload progress in Vue
Show file upload progress in Vue forms with Qubeforms and XMLHttpRequest. Send multipart attachments, handle CORS and cancellation, and distinguish upload from receipt.
-
Multi-step forms in Vue
Build Vue multi-step forms with Qubeforms encrypted drafts. Save reactive field state, handle draft tokens and expiration, and complete submissions without stale updates.
-
Handling errors in Vue
Handle Qubeforms API errors in Vue forms while preserving visitor input. Manage validation feedback, rate limits, network loss, navigation, and duplicate submissions.