vue3+elementPlus获取表格选中id和字段

可以通过监听表格的 "row-click" 或 "selection-change" 事件来获取表格选中的数据，进而获取选中数据的 id 和字段。代码实现如下：

<template>
  <el-table :data="tableData" @row-click="handleRowClick" @selection-change="handleSelectionChange">
    <el-table-column prop="id" label="ID"></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>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [
          {id: 1, name: 'Tom', age: 20},
          {id: 2, name: 'Jerry', age: 18},
          {id: 3, name: 'Lucy', age: 25},
        ],
        selection: [],
      }
    },
    methods: {
      handleRowClick(row) {
        console.log('Selected row id:', row.id)
        console.log('Selected row name:', row.name)
      },
      handleSelectionChange(selection) {
        this.selection = selection
        console.log('Selected ids:')
        selection.forEach(item => {
          console.log(item.id)
        })
      },
    }
  }
</script>

以上代码使用了 Vue 3 和 Element Plus组件库来实现获取表格选中数据的 id 和字段。