Menu Close

How to display unescaped HTML in Vue.js?

How to display unescaped HTML in Vue.js?

To display unescaped HTML in Vue.js, we can use the v-html directive.

For instance, we write

<template>
  <div id="logapp">
    <table>
      <tbody>
        <tr v-repeat="logs">
          <td v-html="fail"></td>
          <td v-html="type"></td>
          <td v-html="description"></td>
          <td v-html="stamp"></td>
          <td v-html="id"></td>
        </tr>
      </tbody>
    </table>
  </div>
</template> 

to set v-html to the reactive properties with the HTML we want to render dynamically.

Posted in Vue.js

You can also read...