Javascript 用v模型得到一种方法的结果
我正试图建立一个表,其中有许多移动部件和列相互计算。在下面的例子中,我试图将每个转发器项目的营运资金计算为流动资产-流动负债。我不能在这里使用computed,因为计算需要能够接受正在传递的对象的参数。稍后在本代码中未显示,我需要在基于本代码中未显示的其他对象属性的百分比计算中使用营运资金的值,但这一问题的答案将能够解决这一问题。这是当前的设置。注意:我删减了表格/HTML和许多组件代码,使之更易于阅读/回答Javascript 用v模型得到一种方法的结果,javascript,vue.js,Javascript,Vue.js,我正试图建立一个表,其中有许多移动部件和列相互计算。在下面的例子中,我试图将每个转发器项目的营运资金计算为流动资产-流动负债。我不能在这里使用computed,因为计算需要能够接受正在传递的对象的参数。稍后在本代码中未显示,我需要在基于本代码中未显示的其他对象属性的百分比计算中使用营运资金的值,但这一问题的答案将能够解决这一问题。这是当前的设置。注意:我删减了表格/HTML和许多组件代码,使之更易于阅读/回答 <template> <div class="contain
<template>
<div class="container">
<div class="financial-row" v-for="financial in yearlyFinancials">
<input type="number" v-model="financial.current_assets" />
<input type="number" v-model="financial.current_liabilities" />
<input type="number" v-model="workingCapital(financial)" /> <!-- This line doesn't work / Somehow needs to be calculated AND modeled to use this value later -->
</div>
</div>
</template>
<script>
module.exports = {
data: function(){
return {
yearlyFinancials: [
{
year: 2017,
current_assets: 340,
current_liabilities: 176,
working_capital: 0 // This needs to a calculated
},
{
year: 2016,
current_assets: 360,
current_liabilities: 200,
working_capital: 0 // This needs to a calculated
}
]
}
},
methods: {
workingCapital: function(obj){
return (obj.current_assets - obj.current_liabilities);
}
}
}
</script>
同样,我在这里试图实现的结果是,每年财务对象的营运资本属性始终被计算和建模,因为我将在以后的另一组计算中使用每个营运资本的价值
在正确的方向上的任何一点都将是巨大的帮助。谢谢 您可以创建计算营运资本的计算属性 在模板中:
<div class="financial-row" v-for="financial of calculatedyearlyFinancials"> <!-- USE :key here -->
<input type="number" v-model="financial.current_assets" />
<input type="number" v-model="financial.current_liabilities" />
<input type="number" v-model="financial.workingCapital" />
</div>
你是个救命恩人。这是工作100%我想要的。
<div class="financial-row" v-for="financial of calculatedyearlyFinancials"> <!-- USE :key here -->
<input type="number" v-model="financial.current_assets" />
<input type="number" v-model="financial.current_liabilities" />
<input type="number" v-model="financial.workingCapital" />
</div>