Как закрыть меню после перехода на страницу?

Question

[yellow_pus]

У меня есть бургер-меню, которое открывается на всю страницу
Внутри него есть 2 роута

<div class="wrapper">
        <ul class="choose-menu">
            <li><router-link to="/start-learn">Начать</router-link></li>
            <li><router-link to="/about">О нас</router-link></li>
        </ul>
    </div>

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

Answer 1

[roaddd]

Во vue слушать изменение роута.

Comments

[yellow_pus]

Сделал вот так:

watch:{
        $route (){
            console.log('changed')
        }
    }

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

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

yellow_pus, а как вы делаете чтобы оно показалось? Вот также и уберите