Тощий || TLDR;

  • Если вы используете раскрывающийся список Bootstrap Vue, который находится здесь, и вы хотите программно открыть раскрывающийся список, просто добавьте class="show", когда вы хотите, чтобы раскрывающийся список был открыт. Реализация может выглядеть примерно так:
<b-dropdown class="dropdown" :class="{ show: isOpen }"> // thanks psimyn

Иногда я трачу так много времени, пытаясь решить такую, казалось бы, простую проблему при создании функции, что считаю своим долгом поделиться ею.

В чем проблема?

На этой неделе я работал над созданием функции, которая включает раскрывающийся список Bootstrap Vue. Я создал щелчок, чтобы закрыть раскрывающийся список, выполнил поиск, который мне был нужен, отменил его, но Я НЕ МОГУ ОТКРЫТЬ РАСПРЕДЕЛИТЕЛЬНЫЙ СПИСОК ПРОГРАММНО! ГДЕ ОТВЕТЫ!!!

Подход

Я просмотрел документы Bootstrap Vue и нигде не смог найти, как это сделать! Stackoverflow… ничего, кроме некоторых рекомендаций по использованию Jquery, чего мне очень не хотелось делать. Долгая история.. не спрашивай.

АГА!

Давайте перейдем к документам начальной загрузки, потому что Bootstrap Vue построен на основе Bootstrap. Конечно! Так должно быть, или la manera по-испански 😉

Решение

Условно добавьте класс show в раскрывающийся список.

Надеюсь, вам понравилось читать!

Ресурсы

Первоначально опубликовано на https://scottistern.com 15 мая 2020 г.