【亲测有效】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>
相关推荐
Myli_ing30 分钟前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风33 分钟前
前端 vue 如何区分开发环境
前端·javascript·vue.js
软件小伟42 分钟前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾1 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧1 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm1 小时前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
asleep7012 小时前
第8章利用CSS制作导航菜单
前端·css
hummhumm2 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王2 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue
疯狂的沙粒2 小时前
对 TypeScript 中高级类型的理解?应该在哪些方面可以更好的使用!
前端·javascript·typescript