我来帮你搞定这个问题！Ant Design Vue的Notification组件默认会把message内容当作纯文本解析，所以你直接写HTML标签会被原样显示成字符串。要让它正确渲染邮件链接，你需要用到组件提供的dangerouslyUseHTMLString配置项，同时还要修正你的HTML标签写法。

正确的代码示例 #

this.$notification.error({
  message: 'error please contact <a href="mailto:test@test.com?subject=test">test@test.com</a>',
  duration: 15,
  dangerouslyUseHTMLString: true // 开启HTML解析的关键属性
});

关键说明 #

1. 开启HTML解析：添加dangerouslyUseHTMLString: true后，组件会把message的内容当作HTML代码渲染，而不是纯文本。
2. 修正链接标签：你之前写的<href="...">是错误的标签格式，标准的超链接应该用<a>标签，并且要包含可点击的文本内容（比如上面的test@test.com），这样用户才能看到并点击链接。

安全提醒 #

因为dangerouslyUseHTMLString会直接渲染传入的HTML代码，所以如果你的通知内容包含用户输入的动态内容，一定要做好XSS防护，避免注入恶意代码。

内容的提问来源于stack exchange，提问作者Daly