vue FormData.entries not provided by submit

Question

I have a little Vue-App with a form and only one <input name"surname"> and <button type="submit">.
Use case: input "myname" and submit.

Init new FormData() with uploaded form doesn't has entries.

// template.html

<form @submit.prevent="handleFormSubmit">
  <input type="text" name="surname" />
  <button type="submit">Save</button>
</form>

// form.ts
...
import tpl from "./template.html"

export default defineComponent({
  template: tpl,
  ...
  methods: {
    handleFormSubmit(event:SubmitEvent)
    {
      console.log(event.target); // log: <form>...</form>
      console.log(event.target.querySelector('input').value); // log: myname
      const formData = new FormData(event.target);
      console.log([...formData.entries()]) // log: []
    }
  } 
})

Why new FormData(event.target) does not catch the value of my input?

Answer 1

Ok, the solution is to use Object.fromEntries(formData) instead formData.entries()