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

Question

[Сергей delphinpro]

Допустим у нас есть компонент 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';

Возникает вопрос: как в эти компоненты в этом случае передавать необходимые им атрибуты?

Answer 1

[0xD34F]

v-bind="propsObject"

Answer 2

[Evgeny Kulakov]

Вообще, можно как обычно, прямо тэгу компонент прописать соответствующие пропсы.

Comments

[Сергей delphinpro]

Да, но наборы пропсов для разных компонент разные. Как минимум некрасиво.

[Evgeny Kulakov]

Сергей, если чистоты хочется тогда свой объект пропсов для каждого компонента отдавать.