1、最近做项目时候遇到了一个自定义表头的功能，需要鼠标划上显示几个多选框，代码如下

<el-table-column prop="name">
          <template slot="header">
                  状态
                  <el-popover
                              placement="right"
                              popper-class="lists-content"
                              trigger="hover">
                              <el-radio-group v-model="radioData">
                                  <el-radio :label="1">全部</el-radio>
                                  <el-radio :label="2">24小时内</el-radio>
                                  <el-radio :label="3">72小时内</el-radio>
                                </el-radio-group>
                              <span slot="reference"><i class="el-icon-m-leibie"></i></span>
                          </el-popover>
                </template>
                <template slot-scope="scope">
                  {{scope.row.name}}
                </template>
        </el-table-column>

发现CheckBox可以显示但是无论如何都不能触发，后来修改如下，不要动原始属性！！！

 <template slot="header" slot-scope="scope">

2、eslint 报错 'scope' is defined but never used

我看报错了，就把 slot-scope="scope"去掉了，是不报错了，但是出现奇奇怪怪的问题，CheckBox不能选中，不能联动了，然后修改了一下可以了，如下：

 <template slot="header" slot-scope="{}">