Vue.js 2.x. Как получить доступ к элементу, который скрыт через v-if?

Question

[Vic Shóstak]

Доброго дня.

Делаю мульти-степ форму (Django + Vue) с множеством условий отображений следующего шага. Я скрываю все последующие шаги (и варианты) через v-if, то есть их в DOM нет после полной загрузки страницы. Отсюда возникла проблема такого порядка: не могу никак сделать вызов таких плагинов, как Flatpickr (красивый дата-пикер), например.

Гуру VueJS, подскажите, пожалуйста, что можно с этим сделать? Бьюсь уже не первый день с этим..

ADD:

Немного поясню «чего хочу». На пятом шаге формы есть поле (обычный input с классом .datepicker), на которое настроен плагин Flatpickr. Его вызов прописан в общем файле script.js (всё собирает Webpack). Так вот, дата-пикер не отображается, так как при загрузке DOM не было никакого поля с классом .datepicker, так как он появляется там только в пятом шаге.

Answer 1

[Александр Гамов]

v-show ?)
еще как вариант вызывать плагины только после срабатывания условия для появления блока, а не при загрузке модуля.

Comments

[Vic Shóstak]

В том и дело, что v-show не подойдёт – там всё сохраняется в JSONField (в Django). Если оставить v-show, то туда попадут все поля со всех шагов.

[Александр Гамов]

Vikky Shostak,значит второй вариант, цепляйте плагины только в тот момент, когда становится активным тот шаг, где он (плагин) необходим.

[Vic Shóstak]

Александр Гамов, а есть какое-то инлайновое подключение? То есть, даже если повесить на клик по чекбоксу переход на шаг, где есть дата-пикер – он не отработает, так как ещё нет этого поля в DOM.. было бы супер, если бы было состояние во Vue, типа такого "вызвать метод Х, когда в DOM появился элемент Y"..

[Александр Гамов]

Vikky Shostak, кстати об инлайновости, попробуйте подключение плагина записать прямо в теле html в самом конце в <script> тэге, интересно, прокатит ли.

Answer 2

[Evgeny Kulakov]

А в чем проблема вызвать плагин, когда вы показали элемент? У вас же есть условие или переменная, которая отвечает за отображение поля, когда оно срабатывает, то вызывайте плагин.