I am trying to display HTML data in a table using Vue.js.
new Vue({
el: "#app",
data: {
todos: [
{ text: "<p>Learn JavaScript</p>", done: false },
{ text: "<p>Learn Vue</p>", done: false },
{ text: "<p>Play around in JSFiddle</p>", done: true },
{ text: "<p>Build something awesome</p>", done: true }
]
},
})
Here is my template:
<div id="app">
<el-table :data="this.todos">
<el-table-column prop="text"></el-table-column>
</el-table>
</div>
The issue I am facing is that the HTML entities are being printed as plain text, rather than rendered HTML. How can I display them correctly?