Как связать свойства объекта в v-for с input?

Question

[bqio]

<div class="panel-item" v-for="(value, key, index) of activeElement" :key="index">
  <input type="text" v-model="activeElement[key]">
</div>

activeElement[key] не работает.

Comments

[0xD34F]

activeElement[key] не работает

Чё-то как-то сложно мне в это поверить. Вот если вы воспроизведёте свою ситуацию в песочнице...

Answer 1

[Владимир Мальков]

А чему равен key? Дело, случаем, не в том, что вы используете v-for ... of, вместо v-for ... in?

Answer 2

[Lumore]

key == index

<div class="panel-item" v-for="(value, key) in activeElement" :key="key">
  <input type="text" v-model="activeElement[key]">
</div>

Answer 3

[Roman K]

Объект не привязывается через v-model. Для этого лучше использовать массив. Но если очень хочется объект — то:
https://jsfiddle.net/gvmo58Lb/