iview中table清除选中项

在 iView 中，要清除表格（Table）中的选中项，可以通过以下步骤进行操作：

1. 首先，你需要在表格的数据源中添加一个 `selected` 属性来表示是否被选中。例如，如果你的数据源是一个数组，可以为每个数组项添加一个 `selected` 属性，默认值为 `false`。

2. 在表格的模板中，使用 `row-selection` 属性来启用行选择功能，并将 `selected` 属性绑定到数据源中的 `selected` 属性。例如：

<Table :data="tableData" :row-selection="{
  selected: tableData.filter(item => item.selected),
  onChange: handleSelectionChange
}">
  <Table-column type="selection" width="60"></Table-column>
  <Table-column prop="name" label="Name"></Table-column>
  <Table-column prop="age" label="Age"></Table-column>
</Table>

3. 在你的方法中，实现 `handleSelectionChange` 方法来处理选中项的变化。例如，你可以将选中的行存储到一个变量中，并在需要清除选中项的时候将该变量清空。例如：

data() {
  return {
    tableData: [
      { name: 'John', age: 20, selected: false },
      { name: 'Jane', age: 25, selected: false },
      { name: 'Tom', age: 30, selected: false }
    ],
    selectedRows: []
  };
},
methods: {
  handleSelectionChange(selection) {
    this.selectedRows = selection;
  },
  clearSelection() {
    this.selectedRows = [];
  }
}

4. 最后，当你想要清除选中项时，调用 `clearSelection` 方法即可。例如，可以在某个按钮的点击事件中调用该方法。

<Button @click="clearSelection">Clear Selection</Button>

通过以上步骤，你可以在 iView 中清除表格的选中项。希望对你有帮助！