el-table实现表格的编辑、删除、以及新增行的方法

直接上代码：

html部分：

                
                新增
               
      
                   

2 数据定义部分

data () {
    return {
infiledList:[],
    fildtps:[{text:'字符',value:'1'},{text:'数字',value:'2'}],

}

3 方法部分

methods: {
  deleteRow(index, rows) {//删除改行
                rows.splice(index, 1);
              },
     addRow(tableData,event){
       tableData.push({ fildna: '',fildtp:'',remark:''
        })
     },
 }

好了，就是这么简单。。。

转载于:https://www.cnblogs.com/yuwenjing0727/p/10466353.html