Как построить форму на основе json метаданных?

Question

[devlocal]

Нужно создать компонент, который будет посылать запрос на сервер и получать json структуру будущей формы.
Как создать компонент, подключить и создать запрос на сервер для получения json - не проблема.

Я не могу понять как мне на основе полученных данных создать template из N компонентов.

К примеру если в json есть информация о том что нужно показать строку input То соответственно в шаблон нужно добавить компонент c строкой input

Answer 1

[0xD34F]

Метаданные пусть будут массивом объектов, содержащих два свойства: имя компонента и объект с параметрами:

formMeta: [
  { type: '...', props: { ... } },
  { type: '...', props: { ... } },
  ....
],

<div v-for="{ type, props } in formMeta" class="form-item">
  <component :is="type" v-bind="props"></component>
</div>

https://jsfiddle.net/toLc2r59/

Answer 2

[nvdfxx]

покажите, в каком виде json приходит

Comments

[devlocal]

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