提交表单后,我希望获得一个输入值:
<input type="text" id="name">
我知道我可以使用表单输入绑定将值更新为变量,但是如何在提交时做到这一点。我目前有:
<form v-on:submit.prevent="getFormValues">
但是,如何在getFormValues方法内部获取值?
另外,还有一个问题,当用户通过绑定输入数据时,在提交而不是更新变量上这样做有什么好处吗?
提交表单后,我希望获得一个输入值:
<input type="text" id="name">
我知道我可以使用表单输入绑定将值更新为变量,但是如何在提交时做到这一点。我目前有:
<form v-on:submit.prevent="getFormValues">
但是,如何在getFormValues方法内部获取值?
另外,还有一个问题,当用户通过绑定输入数据时,在提交而不是更新变量上这样做有什么好处吗?
您必须为输入定义模型。
<input type="text" id="name" v-model="name">
然后,您可以
this.name
在getFormValues
方法内部使用值 。至少这是他们在TodoMVC官方示例中的方法:https ://vuejs.org/v2/examples/todomvc.html (请参见
v-model="newTodo"
HTML和addTodo()
JS)