Как закрывать модалку при клике в router-link?

Question

[slagoris]

Привет. Пока мало соображаю в vue.
Есть линк в модалке.<router-link to="/privacy" >ТЕКСТ</router-link>

Модалку надо закрыть кликом на эту ссылку - вот так.
@click="$store.commit('hideModal')",
но и по ссылке тоже идти надо.
Когда делаю вот так

<router-link to="/privacy" @click="$store.commit('hideModal')">ТЕКСТ</router-link>

мы идем по линке, а соответственно @клик не обрабатывается, т.к. евент у нас переход по ссылке. Как на вуе сделать, чтобы работало? Прошу помощи. Думаю, там что-то несложное, но я пока не знаю как это сделать. Наверное как-то через методы. Заранее спасибо.

Answer 1

[Константин Б.]

Можно не использовать router-link, а вызывать через $router.push('/privacy') в обработчике клика после того как открыли модалку
Для отмены перехода есть @click.prevent

Comments

[slagoris]

Доку тоже нужно понимать. Но, ведь когда-то тоже начинал, определенно. И вопросы даже после доки возникают.

[slagoris]

спасибо! за ответ! Пойду покурю доку.

Answer 2

[Сергей Соколов]

Можно глобальный хук повесить и при любой смене роута коммитить скрытие модалки, просто на всякий случай )

router/index.js

router.afterEach(() => {
  store.commit('hideModal')
})

Answer 3

[Дмитрий Кузнецов]

Если хотите открывать модалку, то зачем использовать роутинг? сделайте ту же кнопку, повесьте туда метод открытия модалки и всё - работает

Comments

[slagoris]

есть проект, там уже все модалки реализованы. Вот группа модалок по очереди открывается. Мне нужно при походе по линку в прайваси - переходить на страницу и закрывать уже открытую модалку. Роутинг/моутинг - второе предложение в моем вопросе уже отвечает на ваш вопрос))) я не соображаю, но это пока.