vue 循环出来的input如何做双向绑定

碰到一个功能，循环的不是列表，循环的数字，数字多大就要循环多少个input框。

 

要给每个input框 做双向绑定发送数据给后台。

解决方案：

第一步：在data中定义一个空数组。

 第二步：在input框中使用 v-model 来绑定数组的下标。

 控制台打印的结果：

利用item遍历数组，然后利用index索引找到数组的下标，v-model绑定数组的下标。实现循环input的双向绑定，互不影响。

注意点：

v-for，可以进行简单的数值循环，但是循环的数值必须是大于等于0 的数值。

等于0 时，没有内容，但不报错

为负数时，会报错。