import {ElNotification} from 'element-plus' ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'error', }) 怎么更改样式,成功绿失败红

要更改 Element Plus Notification 组件的样式，你可以使用 CSS 来覆盖默认样式。你可以在你的 Vue 组件中使用 `style` 标签来定义你的 CSS 样式，或者你可以在单独的 CSS 文件中定义它们，然后将它们导入到你的组件中。

在你的例子中，如果你想将成功的通知消息颜色更改为绿色，将失败的通知消息颜色更改为红色，你可以使用以下 CSS 代码：

.el-notification__success {
  background-color: #67C23A;
  color: #fff;
}

.el-notification__error {
  background-color: #F56C6C;
  color: #fff;
}

这些样式规则将覆盖默认的样式，使成功的通知消息的背景颜色为绿色，失败的通知消息的背景颜色为红色。

你可以将这些 CSS 代码添加到你的 Vue 组件的 `style` 标签中，或者将它们保存在单独的 CSS 文件中，然后将它们导入到你的组件中。无论你使用哪种方法，你都需要确保这些样式规则在 Element Plus 的样式规则之后加载，以确保它们能够正确地覆盖默认的样式。

相关问题

import {ElNotification} from 'element-plus' ElNotification({ message: successMessage, dangerouslyUseHTMLString: true, type: 'success', }) .el-notification__success { background-color: #67C23A; color: #fff; } .el-notification__error { background-color: #F56C6C; color: #fff; }为什么样式没有覆盖

根据你提供的代码，我发现你将样式定义放在了 `ElNotification` 的调用之后，这样是无法实现样式覆盖的。

你需要将样式定义放在 `ElNotification` 调用之前，或者将样式定义放在样式表中并在 HTML 文件中引入样式表，这样才能实现样式覆盖。

例如：

.el-notification__success {
  background-color: #67C23A;
  color: #fff;
}

.el-notification__error {
  background-color: #F56C6C;
  color: #fff;
}

请确保将样式定义放在 `ElNotification` 调用之前或者在 HTML 文件中正确引入样式表。

vue3 element-plus 中Elmessage.alert()提示 当前单号：EX55500

在Vue3和Element Plus中，ElMessage的使用方式和Vue2和Element UI略有不同，具体使用方法如下：

1. 首先需要在Vue实例中引入ElMessage组件。在Vue3和Element Plus中，可以通过以下方式进行引入：

import { ElMessage } from 'element-plus';
app.config.globalProperties.$message = ElMessage;

其中，`app`是Vue3实例。

2. 在需要使用ElMessage组件的地方，可以通过以下方式调用：

this.$message({
  message: `当前单号：${code}`,
  type: 'success',
  center: true,
  showClose: true
});

其中，`message`为提示内容，`type`为消息类型，可选值有success、warning、info、error等；`center`为是否居中显示，默认为false；`showClose`为是否显示关闭图标，默认为false。

注意，这里使用了ES6模板字符串的语法，可以方便地将变量插入到字符串中。`${code}`表示将变量`code`的值插入到字符串中。

希望这样回答能够帮到您！