近日,产品说以前的代码有了一个bug,那就是poptip在table中被遮挡了一部分,让我改一下。
如图: 。
哈,我看了官方文档,发现可以用transfer :true来解决这个问题,可是当我加上了这个属性后。确实是不被遮挡了,可是以前的样式消失了。,如图:
于是,我给poptip加了popperClass,想通过css来修改,但是用了很多方法都没有用(如果有同学有试过成功的可以告诉下我哈)。然后在看了很多遍文档后,发现文档有一个属性为slot,于是我决定另辟蹊径,成功!代码如下:
h(
"Poptip",
{
props: {
placement: "top-start",
popperClass:'poptip-red',
transfer: true,
},
style:{
color:'red'
}
},
[
h(
"div",
{
slot:'content',
},
[
h("span",{
class:'poptip-red',
},
'dfreeeeeeeeeeeeeeeeeefrfrrfr')
]
)
]
),
.poptip-red{
color: red !important;
}
效果如图: