Open tekgrunt opened 6 years ago
Did a little research and this issue is fixed by not using the <router-link>
inside <b-nav-item>
in our navbar.html file and instead using :to="link.path" directly inside <b-nav-item>
. The to
prop generates a <router-link>
for us behind the scenes and we get a drop down menu that collapses after an item is clicked.
The hamburger drop down menu for the app does not collapse after an item is clicked. This is apparently the expected behaviour of this menu and my initial investigation found several examples using jQuery and watching the DOM... I think there must be a way to handle this in Vue or with some bootstrap/css option?