mdb-vue dropdown router links

Topic: mdb-vue dropdown router links

cryocaustik free asked 5 years ago

Hi, all - wondering if it is possible to use the mdb-dropdown-item with a router to=""/:to="" link? The docs only show a manual a tag used and the API does not mention anything either.

I've tried adding the to props/binds, but they do not seem to be working.

I've also tried using mdb-nav-item in the mdb-dropdown-menu, but that results in incorrect color styling.

Appreciate the help!

Add comment

Mikołaj Smoleński staff answered 5 years ago

1 0 Best answer

Hi there,

Currently we provide router-link functionality only for navbar/sidenav's items, but thanks to Your issue we've realized that Dropdown item should also have same functionality. We're going to add it soon. For this moment I suggest to replace dropdown-item component by router-link with class dropdown-item.

Best regards

jay2jam pro commented 5 years ago

That's what i am searching for. Also find out, that it is tor working :-)

    <mdb-dropdown-item router to="profile">Profile</mdb-dropdown-item>

Mikołaj Smoleński staff commented 5 years ago

It's already fixed in our development branch. It will be released officialy on Monday. Best regards

Add comment

Mikołaj Smoleński staff answered 5 years ago

0 0 Best answer

Hello again,

Thanks for all Your support, we're adding Your issues to current development version and all the problems should be fixed in the next release.

Best regards

Add comment

cryocaustik free answered 5 years ago

0 0 Best answer

Please insert min. 20 characters.

@Mikołaj Smoleński also wanted to mention that when coloring the dropdown items using the method described in dropdown docs, setting the color="elegant" does not apply the dark colors.

I tested this with both, router-link and mdb-dropdown-item, neither worked.

However, if you give the mdb-dropdown-menu a class of dropdown-dark, the dropdown items will gain the appropriate colors.

Using class="dropdown-dark"

class

Using color="elegant"

color

Mikołaj Smoleński staff commented 5 years ago

Hi there again,

I've just tested the dropdowns and everything is working correct (there is no need to add class dropdown-dark. Can You share an exact code of the wrong drodpown?

Best regards

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Vue
MDB Version: 5.1.1
Device: Desktop
Browser: Firefox, Chrome, Edge
OS: Windows 10 Pro x64
Provided sample code: Yes
Provided link: No

cryocaustik

47Support score
3Questions 3Answers 0Snippets