Vue.js Vuejs:对象中的计算属性
在我的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
elementData{
amount: '',
unit_price: '',
total: '',
}
现在,我希望total是一个计算属性,因为我希望避免使用金额和单价的观察者来更新total
但由于某些原因,我似乎在文档中找不到关于深层计算属性的任何提及
不过,这似乎是一个相当常见的用例。您可以在计算部分以这种方式使用它:
computed:{
total: function(){
return this.unit_price * this.amount
}
}
请记住,如果使用字符串而不是整数/浮点,则必须使用parseInt或parseFloat方法来正确计算总数是的,我知道这一点。但我希望它位于this.elementData中;如果希望它出现在elementData中,可以使用一种方法修改总数,并在每次需要更改时调用它。就我而言,如果没有computed或watch属性,没有其他方法可以反应性地更改值