elementui的el-popover修改样式不生效的解决
作者：爱喝冬瓜汤的外星人 发布时间：2024-05-09 15:22:24
标签：el-popover,样式
在使用element-ui的时候，有一个常用的组件，那就是el-popover，但是element-ui官方文档中样式跟用法都比较局限，在使用时都需要改动样式
项目中使用了el-popover，但是想修改一下样式，一直不成功，先来看一下官方文档怎么说的
添加一个类名，string类型，ok，添加一个
<el-popover
placement="right"
width="400"
trigger="hover"
popper-class="my-popover"
>
去设置样式
<style lang="scss" scoped>
.my-popover{
padding:20px;
}
</style>
结果就是没有设置成功！
是不是因为scoped，不加scoped再试一下！
<style>
my-popover{
padding:10px 30px;
}
</style>
还是没有效果！！！
经过疯狂试验以及网上搜索！
最终写法是这样,.el-popover.my-popover 这种格式，前缀是.el-popover ，不然不生效。且不能加上scoped
<style>
.el-popover.my-popover{
padding:10px 30px;
}
</style>
修改成功！
来源：https://juejin.cn/post/6979034958660632613
0
投稿猜你喜欢
本文实例讲述了mysql变量用法。分享给大家供大家参考，具体如下：本文内容：系统变量用户变量局部变量首发日期：2018-04-18系统变量：- 简单说明:思路:从数据岛menuXML中读取数据,从树的根节点开始分析树,利用 hasChildNodes() [方法:是否含有子节点 ]
- 目录1.需求2.代码实现总结1.需求发现项目本地所有带别名的URL，组成一个有序字典，方便后续调用；定向排除部分URL，如Django自带的
- 一、foreach()循环对数组内部指针不再起作用,在PHP7之前，当数组通过foreach迭代时，数组指针会移动。现在开始，不再如此，见下
- 如何直接调用Excel数据？在ASP中，不用ODBC，如何直接调用Excel数据？ 在调用处理处，究竟是使用：xlApp.qui
- 如果直接对大文件对象调用 read() 方法，会导致不可预测的内存占用。好的方法是利用固定长度的缓冲区来不断读取文件内容。即通过yield。
- 运行效果完整代码from tkinter import *from tkinter.filedialog import *from tkin
- 从事DBA的行业也有两年多了，在数据备份上无论是理论和实践上，都积
- 众所周知，程序在启动后，各个程序文件都会被加载到内存中，这样如果程序文本再次变化，对当前程序的运行没有影响，这对程序是一种保护。但是，对于像
- 今天在做sql Server 2005的实验的时候碰到的问题,问题描述很清楚,怀疑是我以前给计算机修改了名称而导致的.可以用select @
- import csvclass HandleCsv: ''' csv文件处理类
- createTrackbar是Opencv中的API，其可在显示图像的窗口中快速创建一个滑动控件，用于手动调节阈值，具有非常直观的效果。具体
- 如果机房马上要关门了，或者你急着要和MM约会，请直接跳到第四个自然段。以下叙述的脚本包括服务器端脚本和客户端的脚本，服务器端脚本指在服务器上
- 如何检测某个对象是否有某个属性？第一想到的——没错，in："prop" in obj这很完美，不过，还有不少人热衷下面的
- 前言在pyhton的学习中，相信大家通常都会碰到第三方库的安装问题，这个问题对于很多初学者而言头疼不已。这里我做一些简单的总结，如何正确高效
- 去年自己写过一个程序时，不太确定自己的内存使用量，就想找写工具来打印程序或函数的内存使用量。这里将上次找到的2个内存检测工具的基本用法记录一
- 一、场景描述这里有以四张发票为例（辰哥网上搜的），将发票图片放到pic文件夹下。随便打开一张发票提取目标：金额、名称、纳税人识别号、开票人。
- 前言mysql中有4类运算符，它们是：算术运算符比较运算符逻辑运算符位操作运算符这个大家应该都比较熟悉，但本文给大家总结介绍的关于MySql
- 前言最近看到一个题目，看似很简单，其实里面有很深的意义，题目是Python 表达式 i += x 与 i = i + x 等价吗？如果你的回
- 本文实例讲述了JS实现跟随鼠标闪烁转动色块的方法。分享给大家供大家参考。具体实现方法如下：<html><head>&
