vue3 element-ui-plus 样式穿透 el-popover问题

1、正常情况

一般情况下使用:v-deep(){}就能够解决

• 比如删掉这条下边框
  
• 检查元素 查看这条边框写在哪个元素上 然后复制该元素的类名
  
• 在xxx.vue文件中修改
  
• 在页面中查看就能发现样式已经修改了
  

2、特殊情况

有的时候发现使用:deep不生效 这是因为组件没有挂载在app节点下 而是跟app节点同级 并且开启了样式隔离导致的

3、解决方法

• 为组件添加类名
  
  

• 在页面中查看 节点上的类名已经添加
  

• 将样式写在一个单独的css文件中
  

• 在main.js中引入
  

• 在页面中查看就能发现样式已经修改了