input的v-model动态绑定

在Vue中，可以通过使用数组来动态生成input，并且为每个input绑定不同的v-model。下面是一个示例：

<template>
  <div>
    <div v-for="(item, index) in inputs" :key="index">
      <input v-model="item.value" />
    </div>
    <button @click="addInput">添加Input</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputs: [
        { value: '' } // 初始时至少有一个input
      ]
    };
  },
  methods: {
    addInput() {
      this.inputs.push({ value: '' }); // 点击按钮时添加一个新的input
    }
  }
};
</script>

在上面的示例中，我们使用`v-for`指令来遍历`inputs`数组，并为每个数组元素生成一个input。每个input都绑定了不同的`v-model`，这样就实现了动态绑定。

当点击"添加Input"按钮时，会调用`addInput`方法，向`inputs`数组中添加一个新的对象，从而动态生成一个新的input。