vxe-table表格整行删除

VxeTable是Vue框架下的一个高性能表格组件，它支持多种交互功能，包括整行删除。在VxeTable中，你可以通过设置` deletable`属性开启行删除功能，并配置`on-delete`事件处理函数来响应删除操作。

首先，在你的表格组件中启用行删除：

<vxe-table :deletable="true">
  <!-- ... -->
</vxe-table>

然后，在对应的JavaScript里添加事件监听：

export default {
  data() {
    return {
      // ...
      onDelete(row) {
        this.$axios.delete('/api/your-endpoint', { params: { id: row.id } })
          .then(() => {
            // 删除后的数据更新或刷新表格等操作
            this.tableData = this.tableData.filter(item => item.id !== row.id);
          })
          .catch(error => {
            console.error('删除失败:', error);
          });
      },
    };
  },
  methods: {
    // ...
  },
};

在这个例子中，当用户点击删除按钮或使用其他方法触发删除操作时，`onDelete`函数会删除对应行的数据并从服务器端获取最新的数据更新表格。