Vue
HTML
<div id="app1">
<input type="number" v-model.number="param">
<input type="number" v-model.number="param2">
<ul>
<li>{{ resultAll.one }}</li>
<li>{{ resultAll.two }}</li>
<li>{{ resultAll.three }}</li>
</ul>
</div>
Vue
/**
* для вопроса https://toster.ru/q/543879
*/
var app = new Vue({
el: '#app1',
data: {
param: 10,
params: {
one: 4000,
two: 5500,
three: 6800
},
param2: 5,
params2: {
one: 740,
two: 9999,
three: 350
},
},
computed: {
resultAll: function() {
let result = {};
let result2 = {};
let resultAll = {
one: null,
two: null,
three: null
};
for(let i in this.params){
result[i] = this.params[i] * this.param;
}
for(let i in this.params){
result2[i] = this.params2[i] * this.param2;
}
for(let i in resultAll){
resultAll[i] = result[i] + result2[i];
}
return resultAll;
}
}
});