本文章向大家介绍Aggrid-实时监测复选框变化，主要包括Aggrid-实时监测复选框变化使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

监测复选框变化 　1.最终效果：

　 点击复选框，页面显示已选中多少条

　　　　1. 在ag-grid中添加： @selection-changed="onSelectionChanged"

<ag-grid-vue class="table ag-theme-balham" v-show="isSee" id="myGrid" :columnDefs="columnDefs" :rowData="rowData" :sideBar="sideBar" :enableColResize="true" row-selection="multiple" @selection-changed="onSelectionChanged" @gridReady="onGridReady" :tooltipShowDelay="tooltipShowDelay" :localeText="localeText" :height="tableMaxHeight" > </ag-grid-vue>

　　　　2. 在methods中添加方法

//监测复选框选中的个数 onSelectionChanged(){ var selRows = this.gridApi.getSelectedRows(); this.selectedData = selRows.length; }

　　　　3. 页面显示样式

原文地址：https://www.cnblogs.com/peaces/p/15004057.html