delphinpro
@delphinpro
frontend developer

Как передавать пропы в динамический компонент, подключаемый посредством псевдоэлемента <component>?

Допустим у нас есть компонент Modal и его содержимое может быть разным.
В упрощённом виде как-то так:

<modal>
  <component :is="modalContent"></component>
</modal>

Также есть два компонента, MyForm и Calc, для работы которых им нужно передавать различные пропы, конечно разный набор для каждого компонента.

<my-form param1="val1"></my-form>
<calc price2="val2"></calc>

Подключаются в модалку обычным образом

this.modalContent = 'my-form';
this.modalContent = 'calc';

Возникает вопрос: как в эти компоненты в этом случае передавать необходимые им атрибуты?
  • Вопрос задан
  • 211 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Вообще, можно как обычно, прямо тэгу компонент прописать соответствующие пропсы.
Ответ написан
Ваш ответ на вопрос

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

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