javascript - 为什么我在获取表单的值（vue.js / js）后无法重置表单

Question

我正在研究 Vue.js，我想创建一些小应用程序。所以我有一个问题，然后我想使用表单值将新元素推送到数组并在重置表单之后。问题是表单没有重置，但是如果我删除推送到数组的行，它就可以工作。我知道如果对立的命令逐个站点站立，则javascript不会进行更改，但我已尝试解决var WindowHeight = Window.innerHeight;"在命令之间添加的问题，但它仍然无法正常工作。请你能帮助我，我不知道为什么会这样？HTML 代码 Vue.js 代码

标签： javascriptvue.js

Answer 1

您可以在推送值后通过重置反应数据来重置表单：

addnewProduct (e) {
    this.list.push({value1: this.value1, value2: this.value2})
    this.value1 = ""
    this.value2 = ""
}

完整工作示例：Vue SFC Playgorund