element表格删除当前行

在Element UI的表格组件中，如果你想删除当前行，通常会提供一种操作列，其中包含一个“删除”按钮。当用户点击这个按钮时，你可以触发一个删除事件。这里是一个简单的示例：

<template>
  <el-table :data="tableData">
    <el-table-column type="index" label="序号"></el-table-column>
    <!-- 添加一个操作列 -->
    <el-table-column type="action" width="150">
      <template slot-scope="{ row }">
        <el-button @click="deleteRow(row)" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据...
      ]
    };
  },
  methods: {
    deleteRow(row) {
      this.$confirm('确定删除此行吗?', '警告', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
        .then(() => {
          // 这里从数组中移除该行
          this.tableData.splice(this.tableData.indexOf(row), 1);
        })
        .catch(() => {});
    }
  }
};
</script>

在这个例子中，`deleteRow`方法会被调用，并通过`splice`方法从`tableData`数组中删除指定的行。在确认删除之前，会弹出一个确认对话框。