1.我使用了iview的table组件。
2.table组件里我使用了poptip组件。当然,这里我是用的render函数。
3 iview组件中的table含有fixed属性,所以出现了边缘气泡超过table边界就被覆盖了。
4 幸运的是在官网我找到了这个:
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’)}
})
])
])
}
}
iview-render函数中Poptip气泡提示popper-class采坑记
最新推荐文章于 2024-06-18 11:38:06 发布