【亲测有效】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>
相关推荐
Rhys..16 分钟前
如何禁止chrome自动更新
前端·chrome
巴巴_羊23 分钟前
AJAX 使用 和 HTTP
前端·http·ajax
刺客-Andy30 分钟前
React 第四十一节Router 中 useActionData 使用方法案例以及注意事项
前端·react.js·前端框架
岁岁岁平安35 分钟前
Vue3学习(组合式API——reactive()和ref()函数详解)
前端·javascript·vue.js·学习·vue3·reactive·ref
肠胃炎37 分钟前
React事件机制
前端·javascript·react.js
CUIYD_198944 分钟前
javascript —— ! 和 !! 的区别与作用
前端·javascript·vue.js
帅帅哥的兜兜2 小时前
next.js实现项目搭建
前端·react.js·next.js
筱歌儿2 小时前
css 左右布局
前端·css
GISer_Jing3 小时前
编译原理AST&以Babel为例进行解读、Webpack中自定义loader与plugin
前端·webpack·node.js
GISer_Jing3 小时前
Webpack中Compiler详解以及自定义loader和plugin详解
前端·webpack·node.js