javascript - 输入字段的Vue传递值以及对对象的引用

我有一个v-for循环，它显示每种成分的输入字段，更改该输入字段后，我想更新成分对象上的值。

<div
      v-for="ingredient in ingredients"
      v-bind:key="ingredient.id"
    >
      <input
        type="text"
        :value="calculateGrams(ingredient)"
        @input="onIngredientInput(ingredient)"> <-------------
    </div>
  </div>

我正在尝试将引用发送到要更改的对象，以及它必须更改为的输入字段的值。以下代码仅显示第一个参数的输出，不发送事件。

methods: {
    onIngredientInput (e, ingredient) {
      console.log(e, ingredient)
    }
  }

将循环中对象的属性更改为该输入字段的值的最简单方法是什么？

最佳答案

@input="onIngredientInput($event, ingredient)

关于javascript - 输入字段的Vue传递值以及对对象的引用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61175924/