修改 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中

然后就可以生效了

相关推荐
叫我一声阿雷吧13 小时前
JS 入门通关手册(45):浏览器渲染原理与重绘重排(性能优化核心,面试必考
javascript·前端面试·前端性能优化·浏览器渲染·浏览器渲染原理,重排重绘·reflow·repaint
大家的林语冰13 小时前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......
前端·javascript·vue.js
jiayong2314 小时前
第 8 课:开始引入组合式函数
前端·javascript·学习
田八14 小时前
聊聊AI的发展史,AI的爆发并不是偶然
前端·人工智能·程序员
zhanghongbin0114 小时前
AI 采集器:Claude Code、OpenAI、LiteLLM 监控
java·前端·人工智能
IT_陈寒14 小时前
Python的列表推导式里藏了个坑,差点让我加班到凌晨
前端·人工智能·后端
吴声子夜歌14 小时前
ES6——正则的扩展详解
前端·mysql·es6
天若有情67314 小时前
【C++原创开源】formort.h:一行头文件,实现比JS模板字符串更爽的链式拼接+响应式变量
开发语言·javascript·c++·git·github·开源项目·模版字符串
天***885214 小时前
Edge 浏览器离线绿色增强版+官方安装包,支持win7等系统
前端·edge
漫游的渔夫15 小时前
别再直接 `json.loads` 了!AI 返回的 JSON 坑位指南
前端·人工智能