HTML-тег в значении массива

1

Требование - добавить элемент HTML из значения массива в 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>
  • 0
    Вам нужно более подробно остановиться на вашей проблеме. Чего вы на самом деле пытаетесь достичь?
  • 0
    я хочу добавить значение массива в DOM, с помощью HTML-запросов
Теги:
arrays
vue.js
for-loop
dom

1 ответ

1
Лучший ответ

Я думаю, вам нужно использовать привязку v-html для добавления raw html на страницу.

Что-то вроде этого:

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

Подробнее здесь: https://vuejs.org/v2/guide/syntax.html#Raw-HTML

Ещё вопросы

Сообщество Overcoder
Наверх
Меню