HTML標籤

Question

的要求是從數組值的HTML元素附加到DOM

template: { 
    0: { 
     h1: '<h1>Hi</h1>' 
    }, 
    1: { 
     h2: '<h2>Hi</h2>' 
    }, 
    2: { 
     h3: '<h3>Hi</h3>' 
    } 
} 

我有一個VueJS For循環：

 <div v-for="temp in template"> 
      {{ temp.h1}} 
     </div> 

DOM：

<h1>hi</h1> 

Answer 1

我想你需要使用v-html綁定才能在頁面中注入原始html。

事情是這樣的：

<div v-for="temp in template"> 
    <div v-html="temp.h1"> 
</div> 

在這裏獲得更多的信息：https://vuejs.org/v2/guide/syntax.html#Raw-HTML