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