Vue -- table多表头，在表头中添加按钮

<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
      <el-table-column label="全部用户">
        <el-table-column type="selection" align="center" label-class-name="allSelection" width="80" />
        <el-table-column :render-header="renderHeader">
          <template slot-scope="scope">
            <div class="user-wrapper">
                <img :src="scope.row.photo" alt="">
                  {{ scope.row.nickName }}
            </div>
          </template>
        </el-table-column>
      </el-table-column>
</el-table>

 renderHeader(h) {
      return (
        <el-button class=‘filter-item‘ type=‘default‘ size="mini" icon=‘el-icon-delete‘ onClick={() => this.handleAddBlackList()} loading={this.changeListLoading}>加入黑名单</el-button>
      )
}

Vue -- table多表头，在表头中添加按钮

原文：https://www.cnblogs.com/lisaShare/p/13398560.html