Aktualisieren des Preises beim Ändern der Größe

Question

Ich möchte den Preis in Span aktualisiert, sobald die product.selected_size geändert wird. In diesem Fall ist Produkt eine berechnete Eigenschaft meiner Komponente.

<div class="prices-wrapper"> 
<span class="price-normal">&euro; {{ product.prices[product.selected_size] }}</span> 
</div> 

Answer 1

Sie können eine neue berechnete Eigenschaft verwenden.

computed: { 
    price: function() { 
    return this.product.prices[this.product.selected_size] 
    } 
} 

und

<div class="prices-wrapper"> 
    <span class="price-normal">&euro; {{ price }}</span> 
</div>