Vuejs2 将HTML代码传递到vue.js中的模板

我的

数据

函数如下

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

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

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

我有如下方法

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

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

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

我得到的输出如下

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

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

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

使用（

v-html

）：