javascript - 带有数组的 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更改为值来检查数据，一切都很好，但我需要在这里绑定它）

Answer 1

使用v-model代替:v-model