vxe-table 删除行

要删除 vxe-table 中的行，可以使用以下方法：

1. 使用 table 的 remove 方法：

<template>
  <vxe-table :data="tableData" ref="table">
    <vxe-column type="seq" />
    <vxe-column field="name" title="Name" />
    <vxe-column field="age" title="Age" />
    <vxe-column field="address" title="Address" />
    <vxe-column field="actions" title="Actions" :render-header="renderHeader" :render-cell="renderCell" />
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 22, address: 'New York' },
        { id: 2, name: 'Kelly', age: 28, address: 'Paris' },
        { id: 3, name: 'Mike', age: 31, address: 'London' }
      ]
    }
  },
  methods: {
    deleteRow(row) {
      this.$refs.table.remove(row)
    },
    renderHeader() {
      return 'Actions'
    },
    renderCell({ row }) {
      return <button onClick={() => this.deleteRow(row)}>Delete</button>
    }
  }
}
</script>

在上面的代码中，我们在 table 中添加了一个 actions 列，该列渲染了一个 Delete 按钮。当按钮被点击时，我们调用 deleteRow 方法，该方法调用 table 的 remove 方法来删除行。

2. 使用 row 的 remove 方法：

<template>
  <vxe-table :data="tableData" ref="table">
    <vxe-column type="seq" />
    <vxe-column field="name" title="Name" />
    <vxe-column field="age" title="Age" />
    <vxe-column field="address" title="Address" />
    <vxe-column field="actions" title="Actions" :render-header="renderHeader" :render-cell="renderCell" />
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 22, address: 'New York' },
        { id: 2, name: 'Kelly', age: 28, address: 'Paris' },
        { id: 3, name: 'Mike', age: 31, address: 'London' }
      ]
    }
  },
  methods: {
    deleteRow(row) {
      row.remove()
    },
    renderHeader() {
      return 'Actions'
    },
    renderCell({ row }) {
      return <button onClick={() => this.deleteRow(row)}>Delete</button>
    }
  }
}
</script>

在上面的代码中，我们在 table 中添加了一个 actions 列，该列渲染了一个 Delete 按钮。当按钮被点击时，我们调用 deleteRow 方法，该方法调用 row 的 remove 方法来删除行。