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

Answer 1

Use raw HTML (v-html):

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