vue.js带有数组的v-model

Question

我在页面上有一个动态数量的字段，并尝试绑定一个数组来控制页面上的更改，但是卡在了v-model

以下是我构建页面的方式（重现的最小示例）：

<b-form-group v-for="(element, i) in banners" :key="i"  :label="'Banner ' + (i+1)">
  <input
    type="text" class="form-control"
    :v-model="element.name"
    :name="'bannername[' + i + ']'">
  <img :src="element.image" class="banner-preview">
</b-form-group>

这样我就可以获得img的正确src，但输入一直是空的。 （通过将v-model更改为value来检查数据，一切都很好，但我需要在此处绑定它）

Answer 1

使用v-model代替:v-model