在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产品文档
云+社区技术沙龙[第9期]
云+社区技术沙龙 [第31期]
第五届Techo TVP开发者峰会
云+社区技术沙龙 [第32期]
腾讯云GAME-TECH游戏开发者技术沙龙
云+社区技术沙龙[第1期]
云+社区技术沙龙[第6期]
腾讯云GAME-TECH沙龙
云+社区技术沙龙[第8期]
第四期Techo TVP开发者峰会
领取专属 10元无门槛券
手把手带您无忧上云