更改尺寸时更新价格

Question

我希望在product.selected_size更改后立即更新范围内显示的价格。在这种情况下，product是我的组件的计算属性。

<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>