0

У меня есть компонент содержащий несколько input'ов (см изображение)

Нужно чтобы при нажатии кнопки добавить (плюсик), он дублировался ниже.

Как это реализовать?

введите сюда описание изображения

Пробовал Vue.createApp(ИМЯ_КОМПОНЕНТА).mount('#mount-point') но консоль ругается

1 ответ 1

0

Создаем массив в data()

inputs: []

При нажатии кнопки:

this.inputs.push({
    placeholder: this.inputsPlaceholder // Любое значение, у меня переменная
  })

В основном компоненте:

<div v-for="input in inputs" :key="input.id">
    <inputs:placeholder="input.placeholder"/>
</div>

Компонент inputs:

<div class="input-wrapper">
  <div class="input-title">input*</div>
  <input type="text" name="" required :placeholder="placeholder">
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.