Vuejs：对象中的计算道具

【问题标题】：Vuejs: Computed prop in objectVuejs：对象中的计算道具
【发布时间】：2020-05-26 05:10:41
【问题描述】：

在我的 vuejs 组件中，我有一个如下所示的数据属性

elementData{
  amount: '',
  unit_price: '',
  total: '',
}

现在我希望 total 成为一个计算属性，因为我想避免在金额和单价上使用观察器来更新总数。

但由于某种原因，我似乎在文档中找不到任何关于深度计算属性的提及？

不过，这似乎是一个相当常见的用例。

【问题讨论】：

【解决方案1】：

你可以在计算部分这样使用它：

computed:{
 total: function(){
   return this.unit_price * this.amount
 }
}

请记住，如果您使用字符串而不是整数/浮点数，则必须使用 parseInt 或 parseFloat 方法来正确计算总数

【讨论】：