vue 点击按钮动态添加input 并且获取input输入的值

Question

点击一次按钮动态添加一个input，在input输入值得时候获取input输入的值

Answer 1

点击按钮的时候，新增一个文本框，同时绑定事件，在改变的时候，输出值就好了

以下是vue的示例代码

<template>
  <div>
    <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i">
    <button @click="onAdd">添加</button>
  </div>
</template>

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