获取表单数据提交?

提交表单后,我希望获得一个输入值:

<input type="text" id="name">

我知道我可以使用表单输入绑定将值更新为变量,但是如何在提交时做到这一点。我目前有:

<form v-on:submit.prevent="getFormValues">

但是,如何在getFormValues方法内部获取值?

另外,还有一个问题,当用户通过绑定输入数据时,在提交而不是更新变量上这样做有什么好处吗?

卡卡西理查德2020/03/12 17:08:27

您必须为输入定义模型。
<input type="text" id="name" v-model="name">

然后,您可以this.namegetFormValues方法内部使用值

至少这是他们在TodoMVC官方示例中的方法:https ://vuejs.org/v2/examples/todomvc.html (请参见v-model="newTodo"HTML和addTodo()JS)