element 表头render-header使用el-tooltips、添加点击事件

<el-table>
    <el-table-column label="支付授权目录" :render-header="renderHeader"></el-table-column>
</el-table>

renderHeader: function(h, obj){
                var link =  "//test/image/files/test.pdf"
                  return h('div', [
                    h('span', obj.column.label),
                    h('el-popover',{
                        props: {
                            popperClass: "popper-hover",
                            trigger: "hover",
                            placement: "top",
                            popperClass: "link-popover"
                        }   
                    },[
                        h('span', {
                            slot: "reference",
                            class: 'info_icon'
                        }, 'i'),
                        h('span',{
                            class: 'link-box'
                        }, [
                            '需要到微信公众平台/产品后台设置授权目录,',
                            h('span',{
                                class: 'link-box-info',
                                on: {
                                    click: function () {
                                        window.open( link, "_blank");
                                    }
                                }
                            }, '点击查看完整配置指引')
                        ])
                    ]) 
                ]);
},

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值