How to parse <br> in a string to html tag in VUE.js

Question

I use {{}} in Vue.js to render my data to HTML. But now I got a string in my data, and I want the
tags in that string can be parsed into HTML tags when rendering data.

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

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

I want the content in span tag is like :

aaaaaa
aaaaaa

But the result is : aaaaaa<br>aaaaaa

Answer 1

I think it should work using this:

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

Answer 2

Use v-html directive:

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