vue中表格批量导入数据，新增时表格增加一行并保存

1、效果图如下，2至4条是批量导入的数据，第一条是新增数据

 

 2、表格代码如下，用scope.row.edit控制是否显示新增的输入框

3、在methods里面写新增，保存，删除方法

//新增方法
add(){
      var list = {
                invoiceAmount:'',
                invoiceFilename: '',
                invoicedNo:'',
                taxRate:'',
                edit:true
         		 };
      this.invoiceOpt.invoicenoRegisterList.unshift(list)//往数组前面新增
    },
    //保存
    handleSaveRow(scope){
      scope.row.edit=false;
    },
    ///删除
    handleDelRow(scope){
      this.$confirm('确定删除吗', '提示').then(() => {
        this.invoiceOpt.invoicenoRegisterList.splice(scope.$index,1);
      })
    },

 4、批量导入得到的数组arr,需要把新增和批量导入的数组合并为一个数组，并且返回新的长度

this.invoiceOpt.invoicenoRegisterList.push.apply(this.invoiceOpt.invoicenoRegisterList,arr)