Задать вопрос
Stepan13
@Stepan13
JS everywhere...
vue

Как закрыть popover по клику на пункт меню?

Доброго времени суток!
Вопрос собственно в следующем. Есть кастомный компонент popover, который используется для выпадающего меню. В него слотом передаётся контент, то есть список пунктов меню. Открытие/закрытие popover происходит по клику на заголовок "Меню" либо закрывается по клику вне области компонента. Как правильно прокинуть событие "клик на пункт меню", чтобы popover закрывался?
  • Вопрос задан
  • 340 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
lavezzi1
@lavezzi1
Основная идея в том, что после нажатия на item после выполнения определенного действия на него, вам нужно вызывать метод компонента popover - close();

Пример реализации:

<popover ref="popover">
    <ul v-for="item in items">
        <li @click="onClickOption(item)">Item 1</item>
        ...
    </ul>
</popover>

methods: {
  onClickOption(option) {
    // какие то действия
    this.$refs.popover.close();
  }
}
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Разработчик Vue.js
Кортекс
от 60 000 до 100 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спроектировать дизайн сводной SEO таблицы
19 апр. 2024, в 15:20
5000 руб./за проект
Настройка шаблона
19 апр. 2024, в 15:01
35000 руб./за проект
Разработать телеграмм бота для анонимных сообщений
19 апр. 2024, в 14:53
30000 руб./за проект
Ещё заказы