1、在elementui中的tooltip、popover这种渲染出来的元素都是在body下面一层,所以你在组件里面去加样式发现根本不生效,所以需要到App.vue里面加,去App.vue里直接添加不太合适。在官方文档中对el-popover样式直接是修改不了的,官网给出了一个修改样式的属性popper-class。
2、在添加类名时,在当前文件样式中,不加 scoped 另写一份:
以上popover-content为定义的类名,以下为el-popover的小三角的样式设置,由于小三角采用边框设置,所以,颜色属性采用border定义,x-placement为小三角的方向。
3有时小箭头的选择会有问题,可采用以下方式解决
直接去除小三角,popper_arrow是小三角的类名,popover-icon是自己定义的类,定义在popper-class中。