vue 3.0<el-table 实现选中行即可选中数据

要实现选中行即可选中数据，你可以参考以下步骤：

1. 在 el-table 中添加属性 `highlight-current-row`，表示高亮当前行。

2. 在 el-table 中添加事件 `@current-change`，表示当前行变化时触发。

3. 在事件处理函数中获取当前行的数据，并将其存储到一个变量中。

下面是一个示例代码：

<template>
  <el-table
    :data="tableData"
    :highlight-current-row="true"
    @current-change="handleCurrentChange"
  >
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="gender" label="Gender"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Alice', age: 20, gender: 'female' },
        { name: 'Bob', age: 25, gender: 'male' },
        { name: 'Charlie', age: 30, gender: 'male' }
      ],
      selectedData: null
    }
  },
  methods: {
    handleCurrentChange(val) {
      this.selectedData = val
    }
  }
}
</script>

在上面的代码中，`handleCurrentChange` 方法会在当前行变化时被调用，`val` 参数表示当前行的数据。该方法将当前行的数据存储到 `selectedData` 变量中，你可以在需要用到该数据的地方使用它。