vue结合element-ui实现（按钮控制）动态增加减少input框功能。

<template>
  <div>
    <el-button icon="el-icon-plus" @click="addInput">增加</el-button>
    <el-button icon="el-icon-minus" @click="removeInput" :disabled="inputCount <= 1">减少</el-button>
    <div v-for="i in inputCount" :key="i">
      <el-input v-model="inputs[i - 1]" placeholder="请输入内容"></el-input>
    </div>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      inputCount: 1,
      inputs: ['']
    };
  },
  methods: {
    addInput() {
      this.inputCount++;
      this.inputs.push('');
    },
    removeInput() {
      if (this.inputCount > 1) {
        this.inputCount--;
        this.inputs.pop();
      }
    }
  }
};
</script>

这段代码使用了Vue.js和Element UI来实现一个动态增减input框的功能。用户可以点击“增加”按钮来添加新的input框，同时可以点击“减少”按钮来删除已有的input框，但不允许减少到少于1个input框。每个input框都绑定了一个数组的元素，数组长度动态反映当前input的数量。