javascript - 带数组的 vue.js v 模型

Question

我在页面上有一个动态数量的字段，并试图绑定(bind)一个数组来控制页面上的变化，但是被 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 检查数据，一切正常，但我需要在这里绑定(bind)它)

Answer 1

使用v-model代替:v-model