如何在 vue.js 中为通知添加样式?

Posted

技术标签:

【中文标题】如何在 vue.js 中为通知添加样式?【英文标题】:How do i add a style to notifications in vue.js? 【发布时间】:2022-01-06 23:04:13 【问题描述】:
this.$notify(
        title: 'İşlem Başarılı',
        message: 'REQUEST SUCCESSFULLY SAVED',
        type: 'success',
        classes: 'notfClas'
      )

当我添加一个类时,它看不到它。如何为通知添加样式?

【问题讨论】:

【参考方案1】:

如果您使用vue-notifications package,您可以通过described here 的组件属性管理它的设置(包括类列表)。喜欢:

<notifications classes="your-class-name"/>

还有一个小例子可能有用http://vue-notification.yev.io/

【讨论】:

我正在使用 Element UI。它不能那样工作。【参考方案2】:

classes 更改为customClass

属性:customClass

描述:通知的自定义类名

https://element.eleme.io/#/en-US/component/notification

【讨论】:

以上是关于如何在 vue.js 中为通知添加样式?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue.js/Nuxt.js 中为 RepositoryFactory 编写测试

如何从动态列表中为 Vue 中的 API 响应创建列表渲染 JSON?

如何在 Jinja 宏中为元素样式添加参数?

在 Vue.js 中有条件地定位具有 CSS 样式的类

如何在 cast sdk v3 中为投射按钮添加自定义样式?

如何利用Vue.js库中的v-bind绑定样式属性