在Vue.js 2中重置模式上的输入数据可以通过以下步骤实现:
data() {
return {
formData: {
name: '',
email: '',
password: ''
}
}
}
<input v-model="formData.name" type="text" placeholder="Name">
<input v-model="formData.email" type="email" placeholder="Email">
<input v-model="formData.password" type="password" placeholder="Password">
methods: {
resetForm() {
Object.keys(this.formData).forEach(key => {
Vue.set(this.formData, key, '');
});
}
}
<button @click="resetForm">Reset</button>
这样,当点击重置按钮时,模式上的输入数据将被重置为初始值。
关于Vue.js 2的更多信息和使用方法,可以参考腾讯云的Vue.js产品文档:Vue.js产品文档
领取专属 10元无门槛券
手把手带您无忧上云