How to bind object properties in v-for with input?

Question

Vue.js

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

activeElement[key] doesn't work.

Answer 1

What is key equal to? It's not, by any chance, that you use v-for ... of instead of v-for ... in?

Answer 2

key == index

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

Answer 3

The object is not bound via v-model. It's better to use an array for this. But if you really want an object, then:
https://jsfiddle.net/gvmo58Lb/