我目前正在开发一个如下所示的组件：
<pre v-highlightjs>
<code>
<slot></slot>
</code>
</pre>
所以我遇到的问题是，当我在槽内编写 html 时，该 html 会被渲染，并且在我的情况下不会显示为字符串或代码示例。我已经用转义的 < 和 > 对其进行了测试，并且它有效。如何访问槽内的 html 并自动转义它？
谢谢
编辑：
我使用该组件的highlight.js 来突出显示组件内的代码。highlight.js 也可以突出显示 html。当我把例如
<html><head></head><body></body></html>
在我的槽内，显示了该框，但输入呈现为 html。所以我想转义 html 标签（和其他代码片段），以便显示它并突出显示。希望能更具体地说明我的问题。