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.