【亲测有效】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>
相关推荐
前端炼气期一层4 分钟前
git之我add错了代码怎么办呀!我commit错了怎么办呀!
前端·面试
curdcv_po7 分钟前
新手到老鸟😎🚀玩转 React Effect
前端·react.js
eason_fan13 分钟前
字节前端面试提问:微应用的实现方式有哪些?
前端·面试·前端框架
Surprisec26 分钟前
动手实践YJS:构建你的第一个实时协作文档编辑器
前端·javascript·面试
晴殇i27 分钟前
JavaScript新一代异步写法:不用await,性能提升80%
前端·面试
患得患失94928 分钟前
【前端】【React】useCallback的作用与使用场景总结
前端·javascript·react.js
wordbaby30 分钟前
TanStack Query :现代 Web 应用的异步状态管理利器
前端
江沉晚呤时32 分钟前
深入解析策略模式在C#中的应用与实现
java·服务器·开发语言·前端·.netcore
Hamm35 分钟前
如何在TypeScript里使用类封装枚举来实现Java的枚举形参倒置
java·前端·typescript
树上有只程序猿1 小时前
如果单表数据量大,只能考虑分库分表吗?
前端