Vue Js：表单数据事件

Question

你好 #Vue.js2 我在创建在 表单提交事件 中调用的函数时遇到问题此函数需要使用 2 个参数：EVENT 和 ID 我现在的问题是，当我调用此函数时，我无法在没有错误的情况下指定事件参数，因此我的表单数据和我的 ID 在我的日志中将是 undefined。有没有更好的方法来处理我的表单？

 updatePost(event, id) { 
  const postId = id;
  const updatedPost = new FormData(event.target); // Any way to not use event param to save this ? 
  console.log(updatedPost, postId);
},
 // Call in my Template but : 
 <form @submit.prevent="updatePost(post.id)">

ps : 由 2 个输入类型文本和 1 个输入类型文件组成的表单。Vue.js screenShot

Answer 1

原始事件在 v-on: 处理程序中作为 $event 可用。

文档：Methods in Inline Handlers

Sometimes we also need to access the original DOM event in an inline statement handler. You can pass it into a method using the special $event variable

所以这应该有效：

 <form @submit.prevent="updatePost($event, post.id)">

Vue Js：表单数据事件

Vue Js : form-data Event

javascript

forms

multipartform-data

vue.js