vue 原生table 点击行获取行的数据

可以使用 Vue 的事件绑定来实现获取表格行数据的功能。具体实现步骤如下：

1. 在表格中绑定点击事件，使用 `@click` 或 `v-on:click`，并传入一个函数。例如：

<template>
  <table>
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in items" :key="item.id" @click="handleRowClick(item)">
        <td>{{ item.id }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
      </tr>
    </tbody>
  </table>
</template>

2. 在组件中编写 `handleRowClick` 函数，接收一个参数 `row`，即当前点击的行的数据。例如：

export default {
  data() {
    return {
      items: [
        { id: 1, name: 'John', age: 20 },
        { id: 2, name: 'Jane', age: 25 },
        { id: 3, name: 'Bob', age: 30 },
      ],
    };
  },
  methods: {
    handleRowClick(row) {
      console.log(row); // 输出当前点击的行的数据
    },
  },
};

这样，当用户点击某一行时，就能获取到该行的数据了。