总结子组件的属性

Question

我有两个组成部分supplies和supply 我在v-for内做一个supplies，所以我创建了许多supply个孩子

<supply
  v-for="supply in supplies"
  :supply="supply"
  :key="supply.id"
 ></supply>

在供应源中，我可以选择一个quantity并乘以supply.price以得到total

computed: {
  total () {
    return this.supply.price * this.quantity
  }
}

我想知道的是如何对所有total组件中的所有supply求和

提前谢谢

Answer 1

组件可以通过事件与父母沟通。观看'total'计算属性并发出具有该值的事件（例如$ emit（'total-changed'，total））。然后侦听该事件，并更新“供应”父项上的状态（数据）。我已经概括了很多，但是有很多方法可以做到这一点。这取决于您的特定偏好/需求。