el-table使用:render-header方法设置el-checkbox

最近有个需求，需要在每次对el-table的单项进行勾选时，使用@select-change去调取后台接口，更改表格数据。然而，el-table的selection列有个大bug。首先，获取后的数据对于el-table的selection列来说，没有字段props可以去接收，这就导致没有数据是选中的，会直接触发@select-change方法，回调参数val为[]。其次，selection需要使用toggleSelection方法去更改，当更改时，又一次触发@select-change方法，这显然不符合需求。因此，需要自定义table的表头信息，设置为el-checkbox。代码如下// 自定义表头select renderHeader(h, {column, $index}) { return h(“span”, {}, [ h(’el-checkbox’,{ props: { checked: this.allchecked }, on:{ change: this.updateAllSelected // 选中事件 } })]); },