elementui之表头tooltip实现

 renderHeader(h,{column},msg) {
                return h('div',[
                    h('span', column.label),
                    h('el-tooltip',{undefined,
                            props:{undefined,
                                effect:'dark',
                                content:msg,
                                placement:'top',
                            },
                        },
                        [h('i', {undefined,
                            class: 'el-icon-question',
                            style: "color:#409eff;margin-left:5px;cursor:pointer;"
                        })],
                        {content:""}
                        )

                ]);
            },
 <el-table-column
                                prop="undertakeUnit"
                                label="部门"
                                min-width="120"
                                :show-overflow-tooltip="true"
                                :render-header="(h, { column }) => renderHeader(h, { column },'承担部门/公司')"
                        >
                        </el-table-column>

原理:使用render-header 渲染钩子函数实现自定义

猜你喜欢

转载自blog.csdn.net/qq_34907249/article/details/129194343