Как использовать компоненты в data?

Question

[Владимир Голубь]

Импортирую компонент и использую его в data ?

components: {
      LinkElement: () => import('@/components/elements/LinkElement')
    },
    data: function () {
      return {
        departments: [
          {
            id: 1,
            title: this.$t("Отдел по работе с клиентами"),
            contacts: [
              {
                id: 2,
                name: this.$t("Email"),
                value: `<LinkElement link="#">Link</LinkElement>`
              },

В шаблон вставляю через v-html, но в разметке получаю
<linkelement ...

Comments

[Михаил]

никак

Answer 1

[Aetae]

v-html - только для обычного html. И то использовать надо только когда без него совсем никак.
Vue работает с данными, а не разметкой, разметка строится сама на основе данных.
В твоём случае в самом шаблоне должно быть:

...
<component :is="value">{{name}}</component>
...

А в data, соотвтественно:

...
{
  id: 2,
  name: this.$t("Email"),
  value: `LinkElement`
}
...