修改 el-popover 子元素的样式 不生效

在使用element 的el-popover 组件时,会发现 自己对el-popover 写的样式不起作用,甚至使用>>> /deep/ 样式穿透都不起作用, 这是因为 el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style
解决方法:

  • 首先使用 popper-class 为 el-popover 添加一个类名
html 复制代码
<el-popover popper-class="add-shop-pop">
.......
  • 新定义一个 style 标签 , 且不能有 scoped 标记
  • 然后把要对 el-popover 设置的样式放在 这个style中

然后就可以生效了

相关推荐
小小小小宇4 小时前
前端并发控制管理
前端
小小小小宇5 小时前
前端SSE笔记
前端
小小小小宇5 小时前
前端 WebSocket 笔记
前端
小小小小宇6 小时前
前端visibilitychange事件
前端
小小小小宇7 小时前
前端Loader笔记
前端
烛阴8 小时前
从0到1掌握盒子模型:精准控制网页布局的秘诀
前端·javascript·css
前端工作日常11 小时前
我理解的`npm pack` 和 `npm install <local-path>`
前端
李剑一11 小时前
说个多年老前端都不知道的标签正确玩法——q标签
前端
嘉小华11 小时前
大白话讲解 Android屏幕适配相关概念(dp、px 和 dpi)
前端
姑苏洛言11 小时前
在开发跑腿小程序集成地图时,遇到的坑,MapContext.includePoints(Object object)接口无效在组件中使用无效?
前端