2015-08-22 125 views
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模型不會被更新。

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

回答

0

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

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

希望它有助於某一天。

相關問題