Topic: How to navigate when clicking on navbar dropdown toggle item (hover dropdown) ?
GuillaumeDgr pro premium asked 4 years ago
Expected behavior With navbar hover dropdown, I want to be able to click on dropdown toggle to navigate to destination. Actual behavior Click on dropdown toggle opens dropdown (even if dropdown is hoverable)
Resources (screenshots, code snippets etc.)
<mdb-dropdown tag="li" class="nav-item px-1 pt-3" hover>
<mdb-dropdown-toggle slot="toggle" tag="a" nav-link>
<NuxtLink exact to="/destination">
<small>Destination</small>
</NuxtLink>
</mdb-dropdown-toggle>
<mdb-dropdown-menu>
...
</mdb-dropdown>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB4 6.7.2
- Device: Mac book pro
- Browser: Firefox developers
- OS: MacOs
- Provided sample code: No
- Provided link: No
Mikołaj Smoleński staff commented 4 years ago
Did you try to wrap
mdb-dropdown-toggle
by aNuxtLink
instead of putting it inside toggler?Keep coding, Mikołaj from MDB