element 怎么点击按钮自动增加一行输入框

Question

element 怎么自动增加输入框组
<el-input v-model="input" placeholder="请输入内容"></el-input>

Answer 1

用v-for循环渲染一个数组里的数据，点击时添加一条空数据进入数组就可以多渲染出一个组件了。

Answer 2

<ul>
  <li v-for="(item, index) in value" :key="index">
    <el-input v-model="item.value" @change="handleChange">
    </el-input>
  </li>
</ul>
<el-button size="mini" class="button" @click="handleAdd" plain>{{buttonText}}</el-button>