javascript - Vue 传递 inputfield 的值以及对该对象的引用

Question

我有一个 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)
    }
  }

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

Answer 1

@input="onIngredientInput($event, ingredient)