最近写的项目中用到了el-popover气泡弹窗组件,写完后发现样式有些问题,需要修改下组件的绝对定位的上边距,但是怎么设置修改它的样式都不生效,无奈查找了度娘。从许多优秀前辈的总结中发现:el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级,所以需要设置全局style,去掉scope(注意:这里也不能用穿透符>>>因为el-popover不在当前组件之内)。
之前的效果:
需要实现的效果:
新加一个无限制的style块,代码如下:
注意:加上!important才生效。
本文参考链接:https://blog.csdn.net/a1030260075/article/details/90482669
同时也发现了另一种解决方法,有兴趣的小伙伴可以尝试下:https://blog.csdn.net/weixin_44867704/article/details/118896663