ElNotification({ message: successMessage, dangerouslyUseHTMLString: true, type: 'success',这样自定义样式引入正确吗

是的，这样可以在 Element Plus Notification 组件中使用自定义 HTML 字符串，并正确地应用自定义样式。

使用 `dangerouslyUseHTMLString` 属性可以告诉组件，你正在使用自定义 HTML 字符串，并且允许你在 HTML 代码中使用样式属性。然后，你可以在 HTML 代码中添加自定义样式，例如：

ElNotification({
  message: '<div style="background-color: #67C23A; color: #fff;">' + successMessage + '</div>',
  dangerouslyUseHTMLString: true,
  type: 'success'
});

这样就可以将自定义样式应用到 Element Plus Notification 组件中，并且不会出现乱码或混乱的情况。需要注意的是，你需要确保你的样式代码是有效的 CSS 代码，否则可能会导致样式无法正确应用。

相关问题

ElNotification({ message: successMessage, dangerouslyUseHTMLString: true, type: 'success', customClass: 'my-notification-success' // 添加自定义类名 })字体颜色怎么设置

你可以通过添加 CSS 样式来设置 ElNotification 组件的字体颜色。具体的做法是，在你的样式表中添加以下代码：

.my-notification-success .el-notification__content {
  color: #fff; /* 设置字体颜色 */
}

这样，当你调用 ElNotification 组件时，添加了 `my-notification-success` 类名后，通知框的字体颜色就会变成白色。你可以根据需要修改 CSS 中的颜色值。

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; }为什么自定义样式没有引入

根据你提供的代码，我没有看到自定义样式被引入。你需要在 HTML 文件中引入自定义样式表。你可以在 HTML 文件中使用 `<link>` 标签引入样式表。

例如：

<link rel="stylesheet" href="path/to/custom.css">

请确保将 `path/to/custom.css` 替换为你自己的样式表路径。如果你已经引入了样式表，但是自定义样式没有生效，你可以检查自定义样式的选择器是否与元素匹配。