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 // 選中事件 
          }
        })]);
    },