Vuejs:对象中的计算道具

Question

在我的 vuejs 组件中，我有一个看起来像这样的数据属性

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

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

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

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

Answer 1

您可以在计算部分中以这种方式使用它：

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

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