Starting with Vue2, the triple braces were deprecated, you are to use v-html.
1
<div v-html="task.html_content"> </div>
It is unclear from the documentation link as to what we are supposed to place inside v-html, your variables goes inside v-html.
Also, v-html works only with <div>
or <span>
but not with <template>
.
Another example
1
2
<p>Using mustaches: {{ rawHtml }}</p>
<p>Using v-html directive: <span v-html="rawHtml"></span></p>
Dynamically rendering arbitrary HTML on your website can be very dangerous because it can easily lead to XSS vulnerabilities. Only use HTML interpolation on trusted content and never on user-provided content.