javascript - 如何将字符串中的 解析为 VUE.js 中的 html 标记

Question

我在 Vue.js 中使用 {{}} 将我的数据呈现为 HTML。但是现在我的数据中有一个字符串，我希望在呈现数据时可以将该字符串中的
标记解析为 HTML 标记。

data(){
  return {
    bodyText: 'aaaaaa<br>aaaaaa'
}
}

<p>{{bodyText}}</p>

我希望 span 标签中的内容是这样的:

aaaaaa
aaaaaa

但结果是: aaaaaa<br>aaaaaa

Answer 1

我认为它应该可以使用 this :

<p>Using v-html directive: <span v-html="rawHtml"></span></p>