當從父項傳遞給子項目時，v-model值更新問題

Question

我將一個對象'item'從父項傳遞給'child'組件。它工作得很好。請參閱this。

在更改下拉列表中的值時，它會更新UI。我的問題是，相同的確切代碼不適用於我的應用程序（本地運行在我的機器上）。我甚至嘗試在html中添加{{item.type}}，但它不會改變（堅持原始值）。我注意到的一件事，如果我把@change='onChange'和打印在onChange方法的值，它打印更新值。

真的無法找到解決方案來解決這個問題。任何幫助都會很棒。謝謝。

Answer 1

問題在於，在項目已綁定到數據之後，將type屬性添加到模型中，而Vue cannot detect changes屬性添加了該方式。

的解決方法是，以確保有一個type財產上item，

item: { 
    "direct_sale_price": "", 
    "is_auction": true, 
    "is_tender": false, 
    "type": null 
} 

或使用$set適當添加。

created: function() { 
    if (this.item.is_auction) { 
    this.$set(this.item, 'type', 'auction') 
    } else if (this.item.direct_sale_price) { 
    this.$set(this.item, 'type', 'direct-sale') 
    } else if (this.item.is_tender) { 
    this.$set(this.item, 'type', 'tender') 
    } else { 
    this.$set(this.item, 'type', 'plain') 
    } 
}