Тощий || 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://getbootstrap.com/docs/4.0/components/dropdowns/
- https://bootstrap-vue.org/docs/components/dropdown
- https://vuejs.org/v2/guide/class-and-style.html
Первоначально опубликовано на https://scottistern.com 15 мая 2020 г.