Javascript 使用vue.js从v-for计算对象数组中的某些字段

我是Vue.js的新手，我使用

v-for

迭代对象数组，但我需要在此

v-for

中计算单个字段（

precoPorKg

）

要计算这个值，我需要输入

项。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>

---

计算属性不接受任何参数。你需要的只是一种方法

methods: {
  calcPrecoPorKg(item) {
    return (item.quantidade * item.valorUnitario)/( item.quantidade * item.pesoUnitario);
  }
}

---

尝试将此设置为方法而不是计算属性，它应该work@Himanshu我怎样才能做到这一点？谢谢，我改为方法，我使用了错误的值来操作，我纠正了这一点，它工作了！谢谢

methods: {
  calcPrecoPorKg(item) {
    return (item.quantidade * item.valorUnitario)/( item.quantidade * item.pesoUnitario);
  }
}