如何获取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>'
  }