@700Hp

Почему не отрисовывается динамический копонент vue?

Массив объектов
const headRow = [
  {
    name: 'Отображаемое имя',
    value: 'name',
    filter: true,
    decorator: {
      name: 'Link'
    }
  },
  {
    name: 'Логин',
    value: 'login',
    filter: true,
    decorator: {
      name: 'Link'
    }
  },
  {
    name: 'E-mail',
    value: 'email',
    filter: true
  },
  {
    name: 'Компания',
    value: 'organization_name',
    filter: true
  },
  {
    name: 'Акт',
    value: 'status',
    filter: true
  },
  {
    name: 'Дата регистрации',
    value: 'created_at',
    filter: true
  }
]


Компонент
<component
        v-if="headCell?.decorator?.name"
        :is="headCell.decorator.name +'Cell'"
        :row="row"
        @decorator="handlerEmit"
      />

Ошибок в консоли нет, как и самого компонента
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 1
@7rows
Frontend Разработчик / Vue / JS / TS / CSS
<component
        v-if="headCell?.decorator?.name"
        :is="headCell.decorator.name +'Cell'"
        :row="row"
        @decorator="handlerEmit"
      />

v-if="headCell?.decorator?.name"- такое условие в template не отрабатывает ведь, тебе надо его через computed
чтобы у тебя отработало eadCell.decorator.name +'Cell' - тебе нужен точно такой же импортированный компонент, у тебя он есть ? можешь скинуть весь код, так будет весьма понятно
headRow - это что такое , где ты его используешь ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы