vue elementui点击按钮新增输入框（点多少次就新增多少个输入框，无限新增）

在Vue中使用Element UI时，可以通过v-for指令动态渲染一个输入框列表。你可以维护一个数组，该数组的长度代表要渲染的输入框的数量。每当点击按钮时，只需要向这个数组添加一个新元素即可。

以下是一个简单的示例：

<template>
  <div>
    <el-input
      v-for="(input, index) in inputs"
      :key="index"
      v-model="input.value"
      @keyup.enter="addInput"
    ></el-input>
    <el-button @click="addInput">新增输入框</el-button>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      inputs: [{ value: '' }], // 初始化时有一个空输入框
    };
  },
  methods: {
    addInput() {
      this.inputs.push({ value: '' }); // 点击按钮时增加一个新的输入框
    },
  },
};
</script>

在这个例子中，inputs数组用于跟踪输入框的数量。v-for指令用于渲染数组中的每个元素为一个el-input组件。每当用户点击按钮时，addInput方法被调用，它将一个新的空对象添加到inputs数组中。用户可以无限次数地点击按钮来添加新的输入框。