Passing HTML code to template in vue.js

Question

My data function is like below

data() {
   return  {
       message: ''
   }
},

I have method like below

adddress () { 
   for (let value of Object.values(response.body.errors)) {
      this.message += '<li>'+ value +'</li>'
   }
},

I am trying to display message like below

<template v-if="message">
   <div class="ui red message">
       <ul>
         {{ message }}
       </ul>
   </div>
</template>

I am getting output like below

tony19 · Accepted Answer · 2022-07-16 00:45:39Z

1

Use raw HTML (v-html):

<template v-if="message">
   <div class="ui red message">
     <ul v-html="message"></ul>
   </div>
</template>

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Mar 13, 2018 at 6:44

Vucko

20.9k12 gold badges60 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1