【亲测有效】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>
相关推荐
Mike_jia32 分钟前
DBSyncer:开源数据同步中间件全景实战指南
前端
烛阴1 小时前
从`new`关键字开始:精通C#类与对象
前端·c#
天若有情6731 小时前
笑喷!乌鸦哥版demo函数掀桌怒怼主函数:难办?那就别办了!
java·前端·servlet
记得记得就1511 小时前
【Nginx 实战系列(一)—— Web 核心概念、HTTP/HTTPS协议 与 Nginx 安装】
前端·nginx·http
天蓝色的鱼鱼1 小时前
mescroll老用户亲测z-paging:这些功能让我果断切换!
前端·uni-app
JarvanMo1 小时前
适用于 iOS 开发者的 Flutter 3.38:Xcode 与 Swift 集成新技巧
前端
北极糊的狐1 小时前
Vue 中 vue-awesome-swiper的使用笔记(适配 Vue2/Vue3)
前端·javascript·vue.js
anyup1 小时前
🔥100+ 天,已全面支持鸿蒙!uView Pro 近期更新盘点及未来计划
前端·uni-app·harmonyos
2***57421 小时前
前端数据可视化应用
前端·信息可视化
DevUI团队2 小时前
Angular开发者必看:深度解析单元测试核心技巧与最佳实践
前端·javascript·angular.js