element ui 动态新增input

要在 Element UI 中动态新增 input，可以使用 v-for 指令和 $set 方法。下面是一个示例：

<template>
  <div>
    <div v-for="(input, index) in inputs" :key="index">
      <el-input v-model="input.value"></el-input>
      <el-button @click="removeInput(index)">删除</el-button>
    </div>
    <el-button @click="addInput">新增</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputs: [{ value: '' }]
    }
  },
  methods: {
    addInput() {
      this.$set(this.inputs, this.inputs.length, { value: '' })
    },
    removeInput(index) {
      this.inputs.splice(index, 1)
    }
  }
}
</script>

这里使用 v-for 指令遍历 inputs 数组中的 input，使用 $set 方法添加一个新的 input，使用 splice 方法删除一个 input。在模板中，通过 el-input 组件来渲染每个 input，使用 el-button 组件来触发添加和删除操作。