vue+iview 外部按钮删除Table表格通过复选框选中的某一行数据，未选中则按钮不可点击

可以通过监听表格的 `selection-change` 事件来动态控制删除按钮的可用性。具体实现步骤如下：

1. 在表格中添加复选框列，并绑定 `selection` 属性：

<Table :columns="columns" :data="data" v-model="selectedRows" @selection-change="handleSelectionChange">
  <template slot="selection" slot-scope="{row}">
    <Checkbox v-model="row.selected" />
  </template>
</Table>

2. 在组件中定义 `selectedRows` 和 `deleteDisabled` 变量，并在 `handleSelectionChange` 方法中更新 `deleteDisabled`：

data() {
  return {
    selectedRows: [], // 选中的行数据
    deleteDisabled: true // 删除按钮是否可用
  }
},
methods: {
  handleSelectionChange(selection) {
    this.selectedRows = selection
    this.deleteDisabled = selection.length === 0 // 如果没有选中任何行，则删除按钮不可用
  },
  handleDelete() {
    // 处理删除逻辑
  }
}

3. 在删除按钮上绑定 `:disabled` 属性：

<Button type="primary" @click="handleDelete" :disabled="deleteDisabled">删除</Button>

这样就可以实现：当没有选中任何行时，删除按钮不可用；当选中行时，删除按钮可用。