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="{}">
