数组值中的 HTML 标记

Posted 2023-02-22

【中文标题】数组值中的 HTML 标记

【英文标题】：HTML Tag in Array Value

【发布时间】：2018-02-22 00:06:35

【问题描述】：

要求是将一个 html 元素从 Array Value 追加到 DOM

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

我有一个 VueJS For Loop：

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

DOM：

<h1>hi</h1>

【问题讨论】：

您需要详细说明您的问题。你到底想达到什么目的？

我想通过 HTML 查询将数组值附加到 DOM

【参考方案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