我是Vue.js的新手，并且正在使用Av-for来迭代对象数组，但是我需要在其中计算单个字段（precoPorKg）v-for。
为了计算这个，我需要输入item.quantidade有一些值，然后，我需要执行以下操作：
(item.quantidade * item.valorUnitario)/( item.quantidade * item.pesoUnitario)
我的v-for：
<tr v-for="(item, index) in step2">
<td>{{ item.produto }}</td>
<td><input type="text" v-model="item.quantidade"></td>
<td>{{ item.valorUnitario }}</td>
<td>{{ item.pesoUnitario }}</td>
<td>{{ item.cubagemUnitaria }}</td>
<td>{{ calcPrecoPorKg(index, item) }}</td>
</tr>
我的Vue组件（我正在尝试以计算方式执行此操作，但不起作用）：
new Vue({
el: '#app',
data(){
step2 : [
{
produto: 'A70-5',
descricao: 'bola de basquete',
ncm: '950.6',
quantidade: '',
valorUnitario: '0,78',
pesoUnitario: '0,430',
cubagemUnitaria: '0,00',
precoPorKg: '',
}
],
computed: {
calcPrecoPorKg: function (index, item) {
return (item.quantidade * item.valorUnitario)/( item.quantidade * item.pesoUnitario);
}
}
})
计算属性不带任何参数。您需要的只是一种方法。
methods: {
calcPrecoPorKg(item) {
return (item.quantidade * item.valorUnitario)/( item.quantidade * item.pesoUnitario);
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句