vue3+iview点击外部删除按钮根据table表格选中的下标进行删除

可以通过以下步骤实现：

1. 定义一个变量selectedRowIndex来保存当前选中的行号
2. 在表格上绑定 @row-click 事件，将当前行号保存到selectedRowIndex中
3. 在删除按钮的点击事件中，使用selectedRowIndex来删除对应的数据

以下是一个示例代码：

<template>
  <div>
    <Table :data="tableData" @row-click="handleRowClick"/>
    <Button @click="handleDelete">删除</Button>
  </div>
</template>
<script>
import { Table, Button } from 'iview';
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ],
      selectedRowIndex: -1
    }
  },
  components: {
    Table,
    Button
  },
  methods: {
    handleRowClick(row, index) {
      this.selectedRowIndex = index;
    },
    handleDelete() {
      if (this.selectedRowIndex >= 0) {
        this.tableData.splice(this.selectedRowIndex, 1);
        this.selectedRowIndex = -1;
      }
    }
  }
}
</script>

在这个示例中，@row-click事件会将当前行的行号保存到selectedRowIndex中，而点击删除按钮时会根据selectedRowIndex删除相应的数据。注意，如果没有选中任何行，则selectedRowIndex为-1，此时删除按钮无效。