Как сделать динамическое добавление и удаление элементов формы?

Question

[Andrey0502]

Есть шаблон: три инпута разных типов расположенных в один ряд.
по клику на кнопку в форму добавляется этот шаблон, и рядом кнопка удаления этого шаблона. И при каждом добавлении name у инпутов меняется по типу
у первого: name="a1"
у следующего: name="a2"
Скорее всего нубский вопрос, но я что-то не пойму куда посмотреть чтобы понять.
Заранее спасибо за ответ

Answer 1

[Nikita Velko]

При нажатии на "добавить" увеличиваете инкремент количества форм на 1.
Через v-for="i in formCounter" выводите блоки с этими тремя инпутами и кнопкой.
Атрибуты у инпутов прописываете типа :name="`address-${i}`"

UPD: Живой пример

Comments

[Andrey0502]

Спасибо