vxe-grid复选框选中多行，如何将前面的复选框去掉又能选中多行

在VxeGrid这个Vue表格组件中，如果你想通过取消前导选择项来选中多行，你可以利用`@check-change`事件监听用户的勾选操作，并在事件回调中动态地清除前面已选中的行的勾选状态。这里是一个简单的步骤描述：

1. 首先，在VxeGrid列配置中设置一个特殊的标识，比如`key`或`type`，用于标记是否可以被复选。

<template>
  <vxe-grid ref="grid" :columns="columns" @check-change="handleCheckChange">
    <!-- ... -->
  </vxe-grid>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { type: 'selection', width: 40 },
        // 其他列...
      ],
      selectedRows: [], // 存储当前选中的行数据
    };
  },
  methods: {
    handleCheckChange(rows) {
      if (rows.length === 1 && rows[0].type !== 'selection') {
        const firstSelectedRow = this.selectedRows.find(row => row.type === 'selection');
        if (firstSelectedRow) {
          // 清除第一个已选中的行的选中状态
          this.$refs.grid.setChecked(firstSelectedRow.id, false);
          // 移除已选中的行数据
          this.selectedRows = this.selectedRows.filter(row => row.id !== firstSelectedRow.id);
        }
      } else {
        // 如果有多行或非首选行被选中，不需要处理
        this.selectedRows = rows;
      }
    },
  },
};
</script>

2. 在`handleCheckChange`方法中，当你单击某一行并选中时，会检查新选中的行是否是普通行（不是复选框）。如果是，则清空之前已选的第一行的选中状态并从`selectedRows`数组中移除它。

这样，用户就可以连续点击多行，同时保证只有最后一行前面的复选框显示选中状态。注意这只是一个基本示例，实际应用中可能需要根据业务需求进行调整。