vue+element动态生成input

最新推荐文章于 2024-04-26 10:14:46 发布

鬼才_飛

最新推荐文章于 2024-04-26 10:14:46 发布

阅读量1.1k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/m0_46769524/article/details/113699102

版权

<template>
  <div>
    <ul>
  <li v-for="(item, index) in item" :key="index">
    <el-input v-model="item.con"></el-input>
  </li>
</ul>
<button @click="add()">删除</button>
<button @click="Add">添加</button>

  </div>
</template>


<script>
export default {
      data() {
      return {
          item: [{
          con: ''
        }]
      }
    },

    methods:{
      // 点击添加
      Add() {
        this.item.push({
          con: ''
        })
      },
      // 删除一项
      add(index) {
        this.item.splice(index, 1);
      },

    }
}
</script>