為什么我在獲取表單的值后無法重置表單（vue.js / js）

Question

我正在研究 Vue.js，我想創建一些小應用程序。 所以我有一個問題，然后我想使用表單值將新元素推送到數組並在重置表單之后。 問題是表單沒有重置，但是如果我刪除推送到數組的行，它就可以工作。 我知道 javascript 不會進行更改，如果相反的命令逐個站點站立，但我試圖解決添加的var WindowHeight = Window.innerHeight;"在命令之間但它仍然不起作用。請你幫幫我，我不知道為什么會這樣？ HTML 代碼Vue.js 代碼

Answer 1

您可以在推送值后通過重置反應數據來重置表單：

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

完整工作示例： Vue SFC Playgorund

Answer 2

$event.target.reset是 function。 你需要執行它所以添加() ：

$event.target.reset()

順便說一句： var WindowHeight = Window.innerHeight; 僅將Window的屬性存儲到WindowHeight ，因此這不會更改您頁面上的任何內容。