VUE3 无法修改 el-dialog 样式

embedded/2024/9/23 14:33:29/

用下面这种方式修改 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.ppmy.cn/embedded/98477.html

相关文章

理解 RTTI:运行时类型信息

在 C 编程中,类型安全性和灵活性是关键的编程要素之一。运行时类型信息(RTTI,Run-Time Type Information)是 C 提供的一种机制,使得在运行时可以检查和处理对象的实际类型。RTTI 主要用于多态类中的类型检查和转换。本…

SQL,解析 json

Google BigQuery数据库的data表存储了若干多层的Json串,其中一条形如: [{"active":true,"key":"key1","values":[{"active":true,"value":"value1"}]},{"active":tru…

docker逃逸手法

docker逃逸手法 基本docker操作docker 命令dockerfilesDocker Compose漏洞利用容器漏洞 基本docker操作 docker 命令 # docker拉取 docker pull # 指定版本拉取 docker pull ubuntu:22.04# 显示镜像可执行的操作 docker image # 列出存储在本地系统上的所有图像 docker image…

C++实用函数CheatSheet

C实用函数CheatSheet 搜索 Name用于容器类的搜索等std::findstd::find_if带if后缀的一般最后一个参数都是谓词std::string::find容器类的成员函数,可用于查找是否存在特定的子字符串问题 可用于搜索容器中的特定元素,字符串子串的index等 移除 Name…

后端代码练习5--验证码案例

我们日常生活中,在进行应用程序注册或者登录的时候,出于安全性的考虑,我们都会被进行一项验证的操作,即通过网页给我们的图片进行一些列的操作,最终完成对我们身份的验证并给我们这些用户返回验证码,让我们…

【git命令相关】git上传和删除文件步骤

(一)git登录 1. git bash窗口输入 git config --global user.name "你的Git账号" git config --global user. Email "你的Git邮箱"2. 生成密钥 ssh-keygen -t rsa -C "你的Git邮箱"在此命令执行的返回结果中找到key存放…

G 智乃酱的平方数列(线段树,等差数列,多项式)

登录—专业IT笔试面试备考平台_牛客网 链接:登录—专业IT笔试面试备考平台_牛客网 来源:牛客网 题目描述 想必你一定会用线段树维护等差数列吧?让我们来看看它的升级版。 请你维护一个长度为510 ^5的数组,一开始数组中每个元…

【JavaScript 】JavaScript 全教程 01

JavaScript 入门全教程 介绍 JavaScript是一种高级的、解释执行的编程语言,广泛用于网页开发中,以实现复杂的功能和交互式效果。它是一种基于原型、多范式的动态脚本语言,支持面向对象、命令式和声明式编程风格。JavaScript运行在浏览器中&am…