怎样在vue中生成多个input和v-model

在Vue中生成多个input和v-model可以通过以下步骤实现：

1. 在Vue的data属性中定义一个包含多个input值的数组，例如inputs: []。

2. 使用v-for指令在模板中循环遍历inputs数组，生成多个input元素。

3. 在v-for循环中，给每个input元素绑定v-model指令，并设置为inputs数组中对应的元素，如v-model="input"。

4. 在方法中定义一个函数，用于动态添加、删除inputs数组的元素。

5. 在模板中添加一个按钮，点击按钮时调用该函数，实现动态增加input元素。

下面是一个简单的示例代码：

<template>
  <div>
    <div v-for="(input, index) in inputs" :key="index">
      <input v-model="input" />
    </div>
    <button @click="addInput">添加输入框</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputs: []
    };
  },
  methods: {
    addInput() {
      this.inputs.push('');
    }
  }
};
</script>

在上面的示例中，通过v-for循环遍历inputs数组，生成了多个input元素，并使用v-model指令将每个元素与inputs数组中对应的值进行双向绑定。点击"添加输入框"按钮时，会调用addInput方法，向inputs数组添加一个空字符串元素，从而实现动态增加input输入框的功能。