在Vue表单中获取输入数据可以通过以下步骤实现:
data() {
return {
formData: {
name: '',
email: '',
password: ''
}
}
}
<form>
<label for="name">Name:</label>
<input type="text" id="name" v-model="formData.name">
<label for="email">Email:</label>
<input type="email" id="email" v-model="formData.email">
<label for="password">Password:</label>
<input type="password" id="password" v-model="formData.password">
</form>
methods: {
submitForm() {
// 获取表单数据
const name = this.formData.name;
const email = this.formData.email;
const password = this.formData.password;
// 执行其他操作,如表单验证、数据提交等
}
}
通过以上步骤,就可以在Vue表单中获取输入数据。在submitForm方法中,可以对表单数据进行进一步处理,如表单验证、数据提交等操作。
领取专属 10元无门槛券
手把手带您无忧上云