数组值中的 HTML 标记

Question

要求是将 Array Value 中的 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 ://v2.vuejs.org/v2/guide/syntax.html#Raw-HTML