Stepan13
@Stepan13
Junior - Frontend

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

Доброго времени суток!
Вопрос собственно в следующем. Есть кастомный компонент popover, который используется для выпадающего меню. В него слотом передаётся контент, то есть список пунктов меню. Открытие/закрытие popover происходит по клику на заголовок "Меню" либо закрывается по клику вне области компонента. Как правильно прокинуть событие "клик на пункт меню", чтобы popover закрывался?
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 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();
  }
}
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы