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

不生效的源代码

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

以上两种代码均不生效

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

html 复制代码
<style>
.el-notification__group {
    width: 100%;
}
</style>
相关推荐
念风零壹2 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年3 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8503 小时前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜3 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
m0_719084114 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录4 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n4 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n4 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
狗哥哥5 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫5 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端