Как динамически создавать элементы во Vue.js?

Question

[Abdul Amenov]

В компонент передаётся массив:

flyingButtons: [
  {
    tag: "a",
    tel: true,
    email: false,
    link: "87776665544",
    class: "btn-primary",
    title: "Позвонить"
  },{
    tag: "button",
    tel: false,
    email: false,
    link: "",
    class: "btn-success",
    title: "Оставить заявку"
  }
]

Надо создавать элементы, указанные по ключу "tag". Передавать входные параметры умеем, вопрос в том, как сделать динамическое создание элемента?

Comments

[Михаил]

через render() или v-if

Answer 1

[0xD34F]

is:

<component
  v-for="n in flyingButtons"
  :is="n.tag"
  :class="n.class"
>
  {{ n.title }}
</component>