@kr_ilya

Как рендерить компоненты из data()?

Новичок в vue.
Пытаюсь вставить тэг из data
<v-list-tile
        v-for="(link, i) in links"
        :key="i"
        :to="link.to"
        :active-class="color"
        avatar
        class="v-list-item"
      >
        <v-list-tile-action>
          <icon-base icon-name="write">{{ link.icon }}</icon-base> //вот тут icon вставляется как текст
        </v-list-tile-action>
        <v-list-tile-title
          v-text="link.text"
        />
      </v-list-tile>


В в data()
links: [
      {
        icon: "<icon-write />",


У меня <icon-write />
Вставляется на страницу как текст, как сделать, чтобы он рендерился как тэг?
  • Вопрос задан
  • 109 просмотров
Решения вопроса 2
alexsobolenko
@alexsobolenko
Программист
У тебя link.icon содержит html. Его нужно выводить не в mustashe а в атрибуте v-html.
<v-list-tile-action>
    <icon-base icon-name="write" v-html="link.icon"></icon-base>
</v-list-tile-action>
Ответ написан
0xD34F
@0xD34F Куратор тега Vue.js
Надо предварительно компилировать, или хранить не строку, а объект: имя компонента + параметры. Например.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы