vue学习day3（记录学习难点）删除el-table静态数据以及批量删除

需求：

1. 删除选中对应行数据
2. 删除多选框中所有数据

实现：

a.对应一行数据

     需要拿到对应row里边的index，通过index索引删除对应数据

b.批量删除

获取复选框对应的编号，这是一个数组

通过判断length，是否启用批量删除按钮，最后进行删除 this.tableData.splice(ids, ids.length); //ids是复选框index组成的数组

代码

删除一条

  methods: {
    deletepositionRow(index, row) {
      this.$confirm("此操作将永久删除信息, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.tableData.splice(index, 1);
          this.$message({
            type: "success",
            message: "删除成功!"
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    
};

批量删除

 

            
               
              
              
              
              
              
              
              
              
              
                
              
            
          
          批量删除 //选中触发集合sels