VUE3 无法修改 el-dialog 样式

news2024/11/30 0:43:44

用下面这种方式修改 el-dialog 组件样式一点作用都没有,正常用这种方式修改 el 的el-button、tab等都是百试不爽的。最后找到解决办法和原因。在el-dialog外面套一层div

/deep/ .el-dialog {

  background: url(https://lanhu-oss.lanhuapp.com/7cbd761cd26f7b255086dd61bc2edc56) 100% 100% no-repeat!important;

  padding: 0;

}

原因:使用scoped的时候,在 html 的标签中会生成data-v-xxx的一个属性,样式穿透就是利用的这个属性生成的css;

而在 vue3 中,我们可以在template下不使用一个标签来包裹全部内容,而此时el-dialog在第一层的情况下就没有对应的data-v-xxx父级元素标签,所以样式穿透也就无效了.

我觉得说白了就是 template下第一层 这样施加样式的方式是无效的

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2059801.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Cesium for Unreal——第四节 Transition Between Locations on the Globe 在两个位置间平稳飞行

文章目录 1. 创建或打开上次的项目2. 蓝图3. 构建一个新的关卡 Globel Level,添加墨尔本地形数据4. 选择蓝图文章参考与Cesium官网 Transition Between Locations on the Globe 1. 创建或打开上次的项目 学习之前,需要先安装——创建项目——运行 UE ,点击跳转 2. 蓝图 蓝图…

AI工具集合

AI工具集官网 | 1000 AI工具集合,国内外AI工具集导航大全

QT下显示自己派生的QWidget界面(提升为)

在实际开发过程中,我们可能有这样的需求,自己绘制一个仪表盘界面,然后将其贴到主界面上方。 这个时候就会用到“提升为”这个功能,该功能目的是将QWidget提升为自己派生的QWdiget子类,具体操作为,在主界面…

元数据管理gravitino学习

元数据管理的组成有几个部分:Metaservice(Gravitino)、Luoshu(amoro)、Hive Metastore,其中gravitino是数据管理模块实现元数据统一管理的核心。前面有提到hive metastore可以存储hive的库表元数据信息,可以用于存储关于hive表、列…

19 自定义类型:结构体、联合体、枚举

目录 一、结构体 (一)结构体类型的定义 (二)结构体变量的创建和初始化 1、结构体变量的创建 (1)定义完结构体后再创建变量 (2)在定义结构体的同时创建变量 (3&…

代码随想录算法day19 | 回溯算法part01 | 77. 组合,216.组合总和III,17.电话号码的字母组合

第77题. 组合 对着 在 回溯算法理论基础 给出的 代码模板,来做本题组合问题,大家就会发现 写回溯算法套路。 力扣题目链接(opens new window) 给定两个整数 n 和 k,返回 1 ... n 中所有可能的 k 个数的组合。 示例: 输入: n 4, k 2 输出: […

使用Xshell6远程登录Linux 服务器--远程上传下载文件Xftp6的使用

😀前言 本篇博文是关于Linux 实操篇-使用Xshell6远程登录Linux 服务器–远程上传下载文件Xftp6的使用,希望你能够喜欢 🏠个人主页:晨犀主页 🧑个人简介:大家好,我是晨犀,希望我的文章…

“跨越国界,共赢未来:跨境联盟营销的策略与实践

全球化背景下跨境联盟营销的市场有很多机遇,随着全球化的深入发展,跨境电商市场不断扩大,为企业提供了广阔的市场空间。跨境联盟营销可以借助全球化的趋势,实现品牌国际化和市场拓展。随着大数据、人工智能、区块链等技术的不断发…

16款热门WMS 智能仓储管理系统盘点,助力企业数字化转型!

你是否想过,一个企业的仓库就如同其心脏般重要?而 WMS 智能仓储管理系统正是确保这颗 “心脏” 高效跳动的关键。它不仅能精准管理库存,实现货物的快速出入库,还能优化库位分配,提高仓库空间利用率。通过实时的数据监控…

【Linux】冯诺依曼体系|操作系统概念

目录 一、冯诺依曼体系结构 注意事项 存储器的意义:缓冲 数据流动事例 二、操作系统 操作系统的概念 操作系统的定位与目的 操作系统的管理 系统调用和库函数概念 一、冯诺依曼体系结构 冯诺依曼架构(von Neumann architecture)是一…

算法全面剖析

算法 查找算法: 顺序查找: 基本思想: 顺序查找也称为线形查找,属于无序查找算法。从数据结构线形表的一端开始,顺序扫描,依次将扫描到的结点关键字与给定值k相比较,若相等则表示查找成功&am…

2024年全新基于Java爬取微博数据(完整版)

2024年全新基于Java爬取微博数据(完整版) 爬虫背景爬虫分析爬取微博主页正文列表数据引入jar包编写代码关于微博 Cookie处理文本的正则微博正文长文本补全什么是正文长文本获取正文长文本编写代码导出微博数据到Excel引入jar包编写代码突来的疑问微博正文内容分析转存 图片 o…

继电器介绍及qt操作继电器实战

一.继电器基础介绍 32路继电器通常用于自动化控制系统中,能够同时控制多达32个不同的电气设备。以下是对32路继电器的一些详细介绍: 1. 基本概念 继电器:一种电气控制装置,当输入信号(通常是电流或电压)…

浏览器请求无缝导入apifox(无需客户端,在线使用)方法

不用下载客户端浏览器在线模拟请求,方便快捷! 废话不多少,只需三步,往下看! 一步: 打开F12 -> 网络 -> 找到你要模拟的请求,右键以cURL格式复制 二步: Apifox 访问Apifox的w…

“浙里办”统一用户组件-接入 基于单点登录票据换取请求 token

基于单点登录票据换取请求 token 1. 请求地址 政务外网地址: https://bcdsg.zj.gov.cn:8443/restapi/prod/IC33000020220329000007/ uc/sso/access_token 互联网地址: https://ibcdsg.zj.gov.cn:8443/restapi/prod/IC33000020220329000007 /uc/sso/access_token 2. 入参…

AFSim 仿真系统----集成指南

引言 本文档描述了将新功能扩展和集成到 AFSIM 中的有限方法。允许并描述多种方法,以及在 AFSIM 社区标准和指南中引入集成作为可共享资源的要求。 概述 核心可执行文件 基于 AFSIM 的可执行文件通常由单个 AFSIM “应用程序” 组成。该应用程序维护脚本类型、扩…

Linux rocky 9.2 安装mysql-8.0.39-linux-glibc2.28-x86_64.tar.xz

数据库官方下载:MySQL :: Download MySQL Community Server 本文也绑定该资源包,免费提供下载学习。 1.系统版本 2.新建目录,存放数据库安装包,并且上传 需要用到的工具:yum -y install vim lrzsz tar 上传解压&…

SAP EWM 包装

目录 1 简介 2 业务流程 3 主数据 4 后台配置 1 简介 SAP S4 HANA 里 EWM 包装功能使用 PS(packaging specification)代替原有的包装功能 PM(packaging management), PI(packaging instruction)。PS 生…

UNiapp之微信小程序导出Excel

效果如下 参考小程序:日常记一记 ---账单页面 主要功能是根据筛选条件导出账单明细列表,实现该功能主要借助一个工具(excel.js),可在文章顶部下载或者一下网盘下载 https://pan.baidu.com/s/1RLisuG4_7FGD0Cnwewyabg?pwdpd2a 提取码: pd2a…

C# 判断

|判断结构要求程序员指定一个或多个要评估或测试的条件,以及条件为真时要执行的语句(必需的)和条件为假时要执行的语句(可选的)| | |-------------------------------------------------------------|–| | | | 下面是…