Vue.js Vuejs:对象中的计算属性

Vue.js Vuejs:对象中的计算属性,vue.js,computed-properties,Vue.js,Computed Properties,在我的vuejs组件中,我有一个如下所示的数据属性 elementData{ amount: '', unit_price: '', total: '', } 现在,我希望total是一个计算属性,因为我希望避免使用金额和单价的观察者来更新total 但由于某些原因,我似乎在文档中找不到关于深层计算属性的任何提及 不过,这似乎是一个相当常见的用例。您可以在计算部分以这种方式使用它: computed:{ total: function(){ return this.unit

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

elementData{
  amount: '',
  unit_price: '',
  total: '',
}
现在,我希望total是一个计算属性,因为我希望避免使用金额和单价的观察者来更新total

但由于某些原因,我似乎在文档中找不到关于深层计算属性的任何提及


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

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

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

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

是的,我知道这一点。但我希望它位于this.elementData中;如果希望它出现在elementData中,可以使用一种方法修改总数,并在每次需要更改时调用它。就我而言,如果没有computed或watch属性,没有其他方法可以反应性地更改值