iview-render函数中Poptip气泡提示popper-class采坑记

1.我使用了iview的table组件。
2.table组件里我使用了poptip组件。当然,这里我是用的render函数。
3 iview组件中的table含有fixed属性,所以出现了边缘气泡超过table边界就被覆盖了。
4 幸运的是在官网我找到了这个:
iview poptip组件api
5 但是,设置了这个属性之后,我的原来的气泡样式给弄没了。
6 幸运的是,后来终于明白了其终极奥义,就是,既然该poptip是放到body里去了,不受原来的父元素的影响,所以,吧class样式也放到body里去不就好了吗(这里是重点,重点,重点),但是需要注意不要污染其他的元素,最好的办法就是取一个独一无二的名字,比如说‘屎壳郎’,‘黄赌毒’,‘史珍香’啥的。好,拜拜。哦,等下,完整代码是这样的:
render: (h) => {
return h(‘Poptip’, {
attrs: {
trigger: ‘hover’,
placement: ‘bottom’,
transfer: true//就是这里了
}
},
[h(‘img’, {
attrs: {
src: require(’…/assets/img/某某.png’)
}
}),
h(‘div’, {
class: ‘屎壳郎’,
slot: ‘content’
},
[h(‘img’, {
class: ‘史珍香’,
attrs: {src: require(’…/assets/img/某某.png’)}
})
])
])
}
}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值