ag-grid-vue 复选框

ag-grid-vue是ag-Grid数据表格组件的一个Vue版本，它是一个功能强大的表格工具，提供了各种定制选项，以满足不同用户的需求。在ag-grid-vue中，复选框可以用来实现行的勾选功能，这在处理多选行时非常有用。

要在ag-grid-vue中使用复选框，你可以通过列定义（Column Definitions）来实现。在列定义中，你可以指定一个列用于显示复选框。通常，这需要设置`checkboxSelection`属性，并为相应的列定义一个`cellRenderer`，它渲染一个复选框。

以下是一个简单的配置示例：

var columnDefs = [
  {
    headerName: "Select",
    field: "select",
    checkboxSelection: true,
    suppressMenu: true,
    cellRenderer: 'agGroupCellRenderer',
    cellRendererParams: {
      checkbox: true
    }
  },
  // ... 其他列定义
];

在这个例子中，我们定义了一个名为“Select”的列，其中`checkboxSelection: true`指示ag-grid渲染一个复选框，而`cellRendererParams`指定了复选框渲染器的具体参数。

你可以使用`gridApi.forEachNode`方法来遍历所有行，并检查或更改复选框的状态。例如，你可以编写一个方法来获取所有选中行的数据：

const selectedRows = [];

this.gridApi.forEachNode(node => {
  if (node.selected) {
    selectedRows.push(node.data);
  }
});

这个方法可以让你处理那些被选中的行，比如删除它们或者执行其他操作。