一个可行的解决方案是在单击行或标签时手动取消选择。实现方法如下:
data() { return { selectedRows: [] }; }
{ headerName: "选择", checkboxSelection: true, onCellClicked: (params) => { if (params.column.colDef.checkboxSelection) { params.node.setSelected(!params.node.isSelected()); this.selectedRows = this.gridApi.getSelectedNodes(); } } }
onRowClicked(event) { if (event.event.target.type !== "checkbox") { event.node.setSelected(false); this.selectedRows = this.gridApi.getSelectedNodes(); } }
通过以上步骤,你应该能够在你的 Ag-grid vuejs 表格中实现在单击行或标签时手动取消复选框选择的功能。