vue表格插入复选框

Vue.js 中，要在表格中插入复选框通常会配合 `v-model` 和 `v-bind:checked` 使用。下面是一个简单的例子：

<template>
  <table>
    <tr v-for="(item, index) in items" :key="index">
      <td><input type="checkbox" :id="item.id" v-model="selectedItems" /></td>
      <td>{{ item.name }}</td> <!-- 或其他列的数据 -->
    </tr>
  </table>
</template>

<script>
export default {
  data() {
    return {
      items: [], // 数据数组，包含每个条目的 id 和 name 等属性
      selectedItems: [] // 存储被选中的项，通常是数组
    };
  },
  methods: {
    // 如果有处理勾选动作的方法，可以添加在这里
    handleCheckboxChange(item) {
      if (this.selectedItems.includes(item)) {
        this.selectedItems.splice(this.selectedItems.indexOf(item), 1);
      } else {
        this.selectedItems.push(item);
      }
    }
  }
};
</script>

在这个例子中，当用户点击某个复选框时，对应的 `v-model` 会更新 `selectedItems` 数组的状态。你可以通过监听 `handleCheckboxChange` 方法来响应用户的操作。