Как правильно сделать вывод через цикл for поля для формы?

Question

[Anton8989]

Возможно ли вывести через директиву v-for одновременно два разных элемента формы - input и textarea? К примеру, как на картинке:



Сам список в скрипте выглядит так:

{
    id: 0,
    title: 'Phone',
    type: 'text'
},
{
    id: 1,
    title: 'Message',
    type: 'textarea'
},

Не могу понять какое свойство здесь указать, чтобы после отработки цикла сначала отобразился input, а затем textarea.

Answer 1

[andrei_pro]

Думаю нужно сделать так:

<div v-for="element in emelents">
   <div v-if="element.type === 'text'">
      <input />
   </div>
   <div v-if="element.type === 'textarea'">
      <textarea><textarea/>
   </div>
</div>

Comments

[Anton8989]

Благодарю)