vue 原生table 点击行，行里的checkbox选中

可以使用 Vue 的事件绑定，通过监听行的点击事件来触发选中 checkbox 的逻辑。以下是一个示例：

<template>
  <table>
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(item, index) in list" :key="index" @click="handleRowClick(index)">
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
        <td>
          <input type="checkbox" v-model="item.checked">
        </td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { name: '张三', age: 20, checked: false },
        { name: '李四', age: 25, checked: false },
        { name: '王五', age: 30, checked: false }
      ]
    }
  },
  methods: {
    handleRowClick(index) {
      this.list[index].checked = !this.list[index].checked
    }
  }
}
</script>

在上述代码中，我们通过 `v-for` 渲染了一个表格，并在每行的最后一列添加了一个 checkbox。通过 `v-model` 双向绑定了每个 checkbox 的选中状态。在行的点击事件中，我们通过 `handleRowClick` 方法来切换当前行的 checkbox 的选中状态。