我正在从事一个项目,类似于账单经理,所以我希望每次数量或单位值发生变化时都重新计算小计,我已经尝试并搜索使用观察者或计算属性来完成此操作,但我没有找到正确的方法,因为我需要在另一个更改时访问元素的整个范围,就像这样。
模型结构:
所以我认为我应该能够做这样的事情:
Vue.component('item', {
template: '#item',
props: {
item: Object,
},
computed:{
total: function(){
return this.quantity*this.unit_value;
}
},
watch:{
'item.quantity':()=>{
this.subtotal = this.quantity*this.unit_value;
}
}
});
Run Code Online (Sandbox Code Playgroud)
我从列表中读取了几个组件
我使用观察者合并了该方法并在相同的代码中计算以使其更短。
问题是我还没有找到从内部访问孔元素的方法,任何人都可以解释正确的方法吗?谢谢