在更改尺寸时更新价格

Question

我想在更改product.selected_size后立即更新跨度中显示的价格。在这种情况下，产品是我的组件的计算属性。

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

Answer 1

您可以使用新的计算属性。

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

和

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