ant design vue Notification 内容为 html

Ant Design Vue 的 Notification 组件默认只能接受字符串作为通知内容，不支持直接传入 HTML，但你可以通过自定义 render 函数来实现这一功能。具体实现方式如下：

1. 在 Notification 组件中添加一个 slot，用于接受自定义渲染函数：

<template>
  <a-notification :message="message">
    <template #description="{ onClose }">
      <div v-html="renderHtml()" @click="onClose"></div>
    </template>
  </a-notification>
</template>

2. 在组件中定义一个方法，用于生成需要渲染的 HTML 内容：

<script>
export default {
  data() {
    return {
      message: 'Notification with HTML content',
    };
  },
  methods: {
    renderHtml() {
      return '<p><strong>这是一段加粗的文字</strong></p><p>这是一段普通的文字</p>';
    },
  },
};
</script>

3. 在自定义渲染函数中使用 v-html 指令将生成的 HTML 内容插入到通知框中。

需要注意的是，使用 v-html 指令会有一定的安全风险，因为它可以执行任意的 JavaScript 代码。为了避免 XSS 攻击，你需要对渲染的 HTML 内容进行过滤和转义，或者使用第三方的 XSS 过滤库来过滤输入的内容。