與Vue.js的MVVM綁定不能按預期方式工作

Question

我目前正在窗體中製作一個動態大小的可編輯列表組件。

我至少有一個輸入字段顯示，它負責在您鍵入時創建新字段。如果您輸入的不是空格字符，則將此字段的值添加到模型中，然後重新設置。

在下一個勾號上，Vue更新視圖並使用您輸入的字母創建新的輸入字段，我將焦點放在該字段上，以便用戶可以繼續輸入，如果他沒有發生任何事情。

所以，當字段創建時，模型會獲取一個新的項目，其中包含您輸入的字母作爲其值。問題是，當您編輯創建的字段時，模型不會更新。

I made a JSFiddle so you can check it by yourself

itemBlured: function (idx) { 
    console.log(vm.songs[idx].name); // Always print the same letter for a given field 
} 

的itemBlured方法的最終目標是，如果它的值是空的，除去在模型中最後編輯條目。但現在你可以看到，即使你改變了字段的值，你也可以打開你的開發控制檯，Vue模型不會被更新。

任何幫助或想法，歡迎:)

Answer 1

我發現爲什麼結合沒有發生的原因。

當<input>標籤打交道，你必須使用v-model屬性，而不是value告訴Vue.js到輸入到模型綁定，否則它只是作爲小鬍子模板。

希望它有助於某一天。