Sometimes, we want to convert string to DOM elements in Vue.js.
In this article, we’ll look at how to convert string to DOM elements in Vue.js.
How to convert string to DOM elements in Vue.js?
To convert string to DOM elements in Vue.js, we can use the v-html
directive.
For instance, we write
<template>
<div>
<div v-html="yourVariable"></div>
</div>
</template>
to render the yourVariable
HTML string into DOM elements with the v-html
directive.
Conclusion
To convert string to DOM elements in Vue.js, we can use the v-html
directive.