vue中点击按钮，添加一排输入框

Myth丶恋晨 2023-07-24 09:05 54阅读 0赞

<template>
      <div>
      <el-button @click="add">添加</el-button>
      <el-table :data="data">
      <el-table-column prop="name" label="名称">
      <template  slot-scope="scope">
      <el-input v-model="data[scope.$index].name"></el-input>
      </template>
    </el-table-column>
        <el-table-column prop="age" label="年龄">
          <template  slot-scope="scope">
            <el-input v-model="data[scope.$index].age"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="age" label="年龄">
          <template  slot-scope="scope">
         <el-button @click="deleteRow(scope.$index)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      </div>
    </template>

<script>
       export  default {
        data(){
          return {
            data:[]
          }
        },
        methods:{
          add(){
            this.data.push({});
          },
          deleteRow(index){
            this.data.splice(index,1);
          }
         }
      }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，54人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue中点击按钮，添加一排输入框

<template> <div> <el-button @click="add">添加</el-button> <el-table

Myth丶恋晨/ 2023年07月24日 09:05/ 0 赞/ 55 阅读

相关 layui标签输入框添加禁止点击标志

需求：在某些条件下不允许条件输入，输入元素变灰，并且出现禁止标志解决：标签 class上面添加 `layui-btn-disabled` 再添加`disable

雨点打透心脏的1/2处/ 2022年12月27日 08:41/ 0 赞/ 133 阅读

相关 Selenium自动化-清空输入框、输入内容、点击按钮

1.输入内容 send\_keys('valve')：输入内容valve 定位输入框 input_box = browser.find_element

女爷i/ 2022年10月19日 00:58/ 0 赞/ 772 阅读

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

通过点击一个按钮添加一个input输入框 ![在这里插入图片描述][20210617155207564.png_pic_center] 值绑定到 items中，每一个输

朱雀/ 2022年10月07日 10:44/ 0 赞/ 162 阅读

相关 vue中点击一个按钮，显示、隐藏搜索框

<div class="search" v-show="isshow"> <input type="text" class="sea_input" name

骑猪看日落/ 2022年04月10日 03:00/ 0 赞/ 1001 阅读

相关 vue 通过按钮动态添加输入框

效果图如下 ![20190514081153743.gif][] 思路： 1、有一个数组counter,是空的 2、在页面上循环遍历这个数组（当然页面上显示

逃离我推掉我的手/ 2022年02月01日 09:41/ 0 赞/ 1033 阅读

相关 vue 通过按钮点击动态添加组件

效果如下 ![2019051408173183.gif][] 思路 v-for循环+数组组件 -------------------- 第一步、定义一

╰半夏微凉°/ 2022年02月01日 09:41/ 1 赞/ 1400 阅读

相关 js输入框输入点击按钮添加表单元素

添加表单元素 html <div id="form"> 请输入姓名: <input type="text" id="name"> <br>

绝地灬酷狼/ 2022年01月28日 00:25/ 0 赞/ 596 阅读

相关 vue2.0+Element UI 实现动态增加删除多个表单（点击按钮增删一排输入框）

vue2.0+Element UI 实现动态增加删除多个表单（点击按钮增删一排输入框）单个增加表单，Element文档已经给了详细的方案，这里就不详细介绍今天介绍

小灰灰/ 2021年09月13日 18:20/ 1 赞/ 1967 阅读

相关点击增加输入框

js: function insertTag(num)\{ var address=document.getElementById("tag"); var i=a

朱雀/ 2021年09月10日 06:58/ 0 赞/ 477 阅读