vue.js 带数组的 v 模型

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

vue.js 带数组的 v 模型

vue.js v-model with array

javascript

vue.js

v-model