Categories
Vue Answers

How to convert string to DOM elements in Vue.js?

Spread the love

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.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *