当鼠标放到“❓”上面是,弹出一个小框进行提示:
代码如下:
给 el-table-column 添加 :render-header="renderHeader"
然后在methods 方法中这样写:
// 表头增加提示
// render 事件
renderHeader(h, { column }) {
return h("div", [
h("span", column.label),
h(
"el-tooltip",
{
props: {
effect: "dark",//背景颜色
content: "1 ~ 10为有效数据; 0或15为无效数据; 1 ~ 3是深睡状态; 4 ~ 6是浅睡状态; 7 ~ 10是活动状态",