@Anton8989

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

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

5c8f5840c311b513830255.png

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

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

Не могу понять какое свойство здесь указать, чтобы после отработки цикла сначала отобразился input, а затем textarea.
  • Вопрос задан
  • 96 просмотров
Решения вопроса 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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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