如何让 Highlight.js 在 Vue 组件中显示 HTML？

Question

我在 Vue 项目中使用高亮 JS，我想在代码的边缘显示 div。我试过了

<pre v-highlightjs="viewerHTML"><div>Something here</div><code class="html">

和

<pre v-highlightjs="viewerHTML">'<div>Something here</div>'<code class="html">

两者都隐藏了 div 部分。如何显示完整代码？

Answer 1

我发现如果我在我的 Vue 组件的数据部分中创建了一个字符串，它会正确呈现

<pre v-highlightjs="viewerHTML"><code class="html">

data () {
  return {
    viewerHTML: '<div>Something here</div>'
  }