基于Vue的点击按钮添加一个input框

通过点击一个按钮添加一个input输入框值绑定到 items中，每一个输入框对应一个item<template><div><input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i"><button @click="onAdd">添加</button>&l

小仙女de成长

4910人浏览 · 2021-06-17 15:52:55

小仙女de成长 · 2021-06-17 15:52:55 发布

通过点击一个按钮添加一个input输入框
在这里插入图片描述
值绑定到 items中，每一个输入框对应一个item

<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>

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐