uni-table组件如何知道被选中的数据

在 Uni-App 中，如果你使用了 uni-table 组件，并且希望知道哪些数据被选中，可以借助组件提供的 `@select` 事件来实现。

首先，确保你在 uni-table 组件上设置了 `selection` 属性为 true，以启用选择功能。然后，在表格上方或其他位置添加一个按钮，用于触发获取选中数据的操作。

在按钮的点击事件处理函数中，可以通过 `this.$refs.table.getSelectedData()` 方法来获取被选中的数据。这个方法会返回一个数组，包含了当前被选中的数据项。

以下是一个示例代码：

<template>
  <view>
    <button @click="getSelectedData">获取选中数据</button>
    <uni-table ref="table" :selection="true" :columns="columns" :data="tableData"></uni-table>
  </view>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { title: '姓名', key: 'name' },
        { title: '年龄', key: 'age' },
        { title: '性别', key: 'gender' }
      ],
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 22, gender: '女' },
        { name: '王五', age: 25, gender: '男' }
      ]
    }
  },
  methods: {
    getSelectedData() {
      const selectedData = this.$refs.table.getSelectedData();
      console.log('选中的数据:', selectedData);
    }
  }
}
</script>

在上述示例中，我们使用了 uni-table 组件展示了一个简单的表格，并设置了 `selection` 属性为 true，启用了选择功能。然后，在按钮的点击事件处理函数中，调用 `this.$refs.table.getSelectedData()` 方法获取选中的数据，并进行相应的处理。

注意，`getSelectedData()` 方法返回的是一个数组，即使只选择了一条数据，也会以数组形式返回。你可以根据实际需求对选中的数据进行进一步的操作。