如何在 VUE.js 中将字符串中的 <br> 解析为 html 标签

Question

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

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

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

我希望 span 标签中的内容如下：

aaaaaa
aaaaaa

但结果是： aaaaaa<br>aaaaaa

Answer 1

我认为它应该使用这个：

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

Answer 2

使用v-html指令：

<p><span v-html="bodyText"></span></p>