备案控制台
开发者社区 云计算 文章 正文

【亲测有效】Element UI 自定义 Notification 通知样式不生效，设置this.$notify样式不生效问题

2024-07-02 6
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【亲测有效】Element UI 自定义 Notification 通知样式不生效，设置this.$notify样式不生效问题

不生效的源代码


<style lang="scss" scoped>
::v-deep .el-notification__group {
    margin-left: 130px;
}
</style>


以上两种代码均不生效


解决方案把设置 Notification 得样式设置在scoped外面


<style>
.el-notification__group {
    width: 100%;
}
</style>
关键词：
element UI
element UI自定义
UI element
UI自定义
UI样式
G佳伟
目录
相关文章
朝阳39
|
1天前
|
数据安全/隐私保护
Element UI 密码输入框--可切换显示隐藏，自定义图标
Element UI 密码输入框--可切换显示隐藏，自定义图标
朝阳39
6 0
朝阳39
|
1天前
Element UI 表格【列宽自适应】
Element UI 表格【列宽自适应】
朝阳39
4 0
爱你三千遍斯塔克
|
1天前
|
前端开发
ElementPlus卡片如何能够一行呈四，黑马UI前端布局视频资料,element样式具体的细节无法修改，F12找到那个位置，可能在其他组件写了错误，找到那个位置，围绕着位置解决问题最快了,卡片下边
ElementPlus卡片如何能够一行呈四，黑马UI前端布局视频资料,element样式具体的细节无法修改，F12找到那个位置，可能在其他组件写了错误，找到那个位置，围绕着位置解决问题最快了,卡片下边
爱你三千遍斯塔克
6 0
朝阳39
|
1天前
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
朝阳39
6 0
游客4llb6htoixmxw
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
游客4llb6htoixmxw
43 0
游客4llb6htoixmxw
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
游客4llb6htoixmxw
28 0
游客4llb6htoixmxw
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
游客4llb6htoixmxw
58 0
游客4llb6htoixmxw
|
2月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
游客4llb6htoixmxw
34 0
游客4llb6htoixmxw
|
2月前
使用 SAP UI5 Event Bus 机制，修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制，修复 SAP UI5 分页显示数据的一个 bug 试读版
游客4llb6htoixmxw
37 0
游客4llb6htoixmxw
|
2月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数？
如何理解 SAP UI5 的 sap.ui.define 函数？
游客4llb6htoixmxw
77 0