我知道我可以使用表单输入绑定将值更新为变量,但是如何..."> 我知道我可以使用表单输入绑定将值更新为变量,但是如何..."/> 我知道我可以使用表单输入绑定将值更新为变量,但是如何..."> 我知道我可以使用表单输入绑定将值更新为变量,但是如何...">

获取表单数据提交?

vue.js Vue.js

村村老丝

2020-03-12

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

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

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

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

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

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

第1183篇《获取表单数据提交?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
卡卡西理查德 2020.03.12

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

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android