Nuxt•2w ago

<UForm> on submit no form data

I am trying to use UForm but even just the simplest

<UForm @submit.prevent="foo" :transform="false">

<UForm @submit.prevent="foo" :transform="false">

<UForm @submit.prevent="foo" :transform="false">

<UForm @submit.prevent="foo" :transform="false"> results in foo receiving an empty

event.data

event.data

event.data

event.data (i.e. it is

undefined

undefined

), and accessing form directly either via refs on the inputs, or using

new FormData(event.target)

new FormData(event.target)

new FormData(event.target)

new FormData(event.target) also results in no data. Am I doing something wrong here?

kapa.ai•12/11/25, 11:50 AM

Hi @Septatrix. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

kapa.ai•12/11/25, 11:50 AM

----------------------
UFormUForm doesn’t behave like a native

<form>

<form>

submit event – it transforms and passes the form values itself to the submit handler instead of you reading from event.targetevent.target or

FormData

FormData

.

From the material you provided, the closest related patterns are:

Using a submit handler that receives validated form data directly (e.g. onSubmit(event)onSubmit(event) in Nuxt with typed schemas and FormSubmitEventFormSubmitEvent).[Prisma error question]

Given that:

Your handler should expect the payload shape that UFormUForm sends (often something like (formData) => { ... }(formData) => { ... } or an object with a
```
data
```
```
data
```
property), not the raw DOM SubmitEventSubmitEvent.
Using @submit.prevent@submit.prevent suggests you are treating the event like a browser event; instead, you should follow UFormUForm’s documented signature (which is not included in the sources you provided).

However, the knowledge sources you shared do not contain explicit documentation or examples for <UForm><UForm>’s submit API or the :transform="false":transform="false" option, so I cannot say exactly:

what argument type
```
foo
```
```
foo
```
receives,
how
```
transform
```
```
transform
```
changes that payload,
or the exact correct usage pattern for UFormUForm in this case.

Because of that, I can’t reliably tell you why

event.data

event.data

undefined

undefined

or how to fix it for sure, beyond the general guidance that you should not rely on event.targetevent.target /

FormData

FormData

but on the data object passed by UFormUForm itself.

To proceed accurately, you’d need to check Nuxt UI (or whichever library provides UFormUForm)’s documentation or source code for:

the exact signature of the @submit@submit callback, and
how :transform="false":transform="false" affects the arguments passed.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

kapa.ai•12/11/25, 11:50 AM

@525348219828568076 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

<UForm> on submit no form data

Similar Threads

Similar Threads

Similar Threads