Vuetify: Sidebar router

Created on 10 Feb 2017  路  10Comments  路  Source: vuetifyjs/vuetify

Hey, before the new update we could just set the "router" Prop to add the active class to the active route item, since this has been removed, what would be the best way to implement that now?

Most helpful comment

Oh great, I found disable-route-watcher which should do what I want.

All 10 comments

Apply it directly to the list tiles.

@johnleider okay, thanks :)
So, how do I define the link then?

I'm grateful for all the changes and improvements, but it kinda made everything harder. It is nowhere mentioned in the docs how to use links within the sidebar properly, whereas it was easy cake before the update :/

Well what do you mean define the link? The list tile has a href prop along with router. The docs has a lot of examples showing this. If you need more help just hop on gitter

@johnleider ah, I'll try that.
The href prop is not mentioned in the docs:
https://vuetifyjs.com/components/lists

Touch. I'll get that updated

@johnleider alright, thanks for the help :)

I'd like to point out that its half a year later, and I still have no idea how to use lists other than to add a @click="$router.push(...)". That said, using the router elsewhere in the app seems to pop open the Navigation Drawer even though its v-model remains false...

Well what are you trying to do? List items behave exactly like a router-link, so anything you use on that can be used on list items.

We also have a community for help, https://chat.vuetifyjs.com

Oh great, I found disable-route-watcher which should do what I want.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dschreij picture dschreij  路  3Comments

chriswa picture chriswa  路  3Comments

dohomi picture dohomi  路  3Comments

gluons picture gluons  路  3Comments

sebastianmacias picture sebastianmacias  路  3Comments