Заполните входное значение внутри v-for

Question

Я пытаюсь установить значение для каждого входа внутри v-for, но значение не отображается на входе. {{slideshow.timeout}} печатает значение, но v-model не работает. Я что-то пропустил? Я новичок в Vue.

<tr v-for="(slideshow, index) in slideshows">             
      <td>{{slideshow.timeout}}</td>
      <td>
         <input type="text" :model="slideshow.timeout" class="form-control">
      </td>

</tr>

Answer 1

Попробуйте это:

  <input type="text" v-model="slideshows[index].timeout" class="form-control">

, поскольку v-model является директивой и не является связанным атрибутом