在 <script setup lang='ts'> 怎么使用 el-table 的 getSelectionRows

在 `<script setup lang='ts'>` 中，可以使用 `ref` 来创建对 `el-table` 组件的引用，并使用 `selection-change` 事件来监听选择行的变化。然后，可以通过 `getSelectionRows` 方法来获取当前选中的行。以下是一个示例代码：

<template>
  <el-table :data="tableData" ref="table" @selection-change="handleSelectionChange">
    <el-table-column type="selection"></el-table-column>
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="address" label="Address"></el-table-column>
  </el-table>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const tableData = ref([
  { name: 'John', age: 18, address: 'New York' },
  { name: 'Jane', age: 22, address: 'Paris' },
  { name: 'Bob', age: 30, address: 'Tokyo' },
]);

const tableRef = ref(null);

const handleSelectionChange = () => {
  const selectedRows = tableRef.value.getSelectionRows();
  console.log('Selected Rows:', selectedRows);
};
</script>

在上面的代码中，我们使用 `ref` 创建了 `tableRef` 引用，并将其绑定到 `<el-table>` 组件上。然后，我们在 `handleSelectionChange` 方法中使用 `getSelectionRows` 方法来获取当前选中的行，并将其打印到控制台上。