vxe-grid设置多选框选中状态

VxeGrid是一个Vue.js的数据表格组件，它支持丰富的功能，包括设置多选框（Checkbox）。要在VxeGrid中启用多选并且管理选中状态，你可以按照以下步骤操作：

1. 首先，在你的VxeGrid组件配置里，需要添加`select`属性，并将其值设为`multiple`，这将开启多选模式：

<template>
  <vxe-grid :select="{'type': 'checkbox', 'multiple': true}"></vxe-grid>
</template>

<script>
export default {
  data() {
    return {
      // 其他数据...
      selectedItems: [], // 存储已选择的行索引或对象
    };
  },
}
</script>

2. 当用户点击列头的复选框时，可以在`onSelectionChange`事件中更新`selectedItems`：

<template>
  ...
  <vxe-grid
    :select="..."
    @selection-change="handleSelectionChange"
  ></vxe-grid>
</template>

<script>
export default {
  methods: {
    handleSelectionChange(selected) {
      this.selectedItems = selected; // selected是一个数组，包含被选中项的原始数据
    },
  },
}
</script>

3. 如果你需要获取具体的行数据，可以使用`gridApi.selection.getRows()`方法：

methods: {
  getSelectedData() {
    const selectedRows = this.gridApi.selection.getRows(); // selectedRows是一个数组，存储实际数据对象
  },
}