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

然后就可以生效了

相关推荐
用户47949283569151 天前
给客户做私有化部署,我是如何优雅搞定 NPM 依赖管理的?
前端·后端·程序员
C_心欲无痕1 天前
vue3 - markRaw标记为非响应式对象
前端·javascript·vue.js
qingyun9891 天前
深度优先遍历:JavaScript递归查找树形数据结构中的节点标签
前端·javascript·数据结构
胡楚昊1 天前
NSSCTF动调题包通关
开发语言·javascript·算法
熬夜敲代码的小N1 天前
Vue (Official)重磅更新!Vue Language Tools 3.2功能一览!
前端·javascript·vue.js
90后的晨仔1 天前
用 Python 脚本一键重命名序列帧图片的名称
前端
辰同学ovo1 天前
Vue 2 路由指南:从入门到实战优化
前端·vue.js
小彭努力中1 天前
1.在 Vue 3 中使用 Cesium 快速展示三维地球
前端·javascript·vue.js·#地图开发·#cesium·#vue3
一棵开花的树,枝芽无限靠近你1 天前
【face-api.js】1️⃣基于Tensorflow.js的人脸识别项目开源项目
javascript·开源·tensorflow·face-api.js
一字白首1 天前
Vue3 进阶,新特性 defineOptions/defineModel+Pinia 状态管理全解析
前端·javascript·vue.js