Так виртуальный дом не совсем виртуален:)

Возможно имеет смысл делегировать событие

+

зачем делать изначально неправильно, чтобы потом переделывать?

Гугл пишет addEventListener, так же пишет что  вообще такое не нужно делать, добавлять дом элементы так

Нужно сразу писать этот элемент и потом рендерить и удалять его v-if-ом

Поэтому я и задал вопрос сообществу вьюистов. Но пока нет другого решения мне нужно двигаться дальше.

какой у тебя опыт работы со вью?

0

Делаю админку жене на вью и учусь

Могу ошибаться, но например выводя в цикле в шаблоне массив элементов (компонент) все должно работать как положено. При этом в вашем случае можно на какой-то экшн просто добавить нужный элемент в массив и отрендерить его. Понимаю что вопрос может быть в одном элементе, тогда вероятно v-if будет простым решением. Так же наверное можно использовать рендер функции.

так правильнее будет, обработчики через v-on вешай

Нужно сразу писать этот элемент и потом рендерить и удалять его v-if-ом

Ставишь в компонент v-if="someVariable" и при клике на кнопку меняешь этот this.someVariable на тру, ну и удаляешь просто делая false

событие scroll работает, только я не могу понять, почему alert не убирается при нажатии на кнопку... Именно поэтому, я искал другое событие

Так. У меня в компоненте примерно сто полей. Все должны редактироваться по отдельности. То есть на сервер я отправляю данные конкреного поля. Я хочу при клике на текстовое поле показать инпут, ввести данные и после отправки на сервер скрыть.
Идея с прописыванием статично в хтмл или рендером с v-for мне почему то не понравилась. Подумал было бы не плохо создавать один инпут и после использования онного удалить. Что бы не засирать компонент. Как то так

Создайте типовой компонент, который и будет реализовывать нужную вам логику по показу инпута на клик и сокрытию его на блур. И используйте его в своих формах

при скролле до конца, должен появляется новый блок. Почему код не работает?

может один компонет и показать его сто раз? и скрывать там что нужно