Javascript 输入字段的动态数目

我正在使用分期付款组件，我需要一个动态的表单输入列表，根据用户选择的分期付款数量（从1到12）

我不知道如何从表单输入中获取未来的值

当我只有一个表单输入时，我使用'v-model'捕获已经存在的输入字段的值

但由于一个循环中有多个组件实例，我无法理解

// The User choose 6
// The value 6 (Number) goes to a property inside data() with v-model

    data () {
      return {
       numberOfFields: 6 
      }
    }

然后是v-for

<template v-for="n in numberOfFields">
  <input type="text" v-model="????">
</template>

我只想在输入存在的情况下捕获输入字段的值，但不需要事先创建所有可能的选项。

您可以使用：

<template v-for="n in numberOfFields">
  <input type="text" v-model="$data['inputField' + n]">
</template>

{{$data['inputField'+n]}}

试试

v-model=“data[n]”

当然，不过差别不大。我会在一分钟内更新答案。好了，检查一下。

<template v-for="n in numberOfFields">
  <input type="text" v-model="$data['inputField' + n]">
</template>