vue3+el-table的row-click=getSelectionRows

在Vue 3中使用Element Plus的`el-table`组件，并通过`row-click`事件获取选中的行（`getSelectionRows`），通常需要结合Element Plus提供的表格选择功能。以下是实现该功能的基本步骤：

1. 首先确保已经安装并引入Element Plus库到你的项目中。
2. 在`el-table`组件上使用`row-click`事件，当用户点击某一行时触发该事件。
3. 在事件处理函数中，你可以通过`getSelectionRows`方法获取到当前表格中所有选中的行数据。

下面是一个简单的代码示例：

<template>
  <el-table
    :data="tableData"
    row-key="id"
    @row-click="handleRowClick"
    v-model:selection="tableSelection">
    <!-- 表格列定义 -->
  </el-table>
</template>

<script setup>
import { ref } from 'vue';
import { ElTable } from 'element-plus';

const tableData = ref([
  // ... 你的数据项
]);

const tableSelection = ref([]);

const handleRowClick = (row, column, event) => {
  // 这里的 row 是点击行的数据
  // 这里的 tableSelection 就是表格当前选中的所有行数据
  // 你可以根据需要处理逻辑，例如更新选中状态、显示选中信息等
  console.log('选中的行数据：', row);
  console.log('所有选中行数据：', tableSelection.value);
};
</script>

在这个示例中，`el-table`绑定了一个`row-click`事件`handleRowClick`，当点击某一行时，此函数会被触发。`tableSelection`是一个响应式引用，保存当前选中的所有行数据。通过`getSelectionRows`方法，你可以获取到选中的行数据，而无需在每个行点击事件中手动更新它。