0
我目前正在窗體中製作一個動態大小的可編輯列表組件。與Vue.js的MVVM綁定不能按預期方式工作
我至少有一個輸入字段顯示,它負責在您鍵入時創建新字段。如果您輸入的不是空格字符,則將此字段的值添加到模型中,然後重新設置。
在下一個勾號上,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模型不會被更新。
任何幫助或想法,歡迎:)