Vuetify Tutorial #22 - Menus

Hey gang, in this Vue tify tutorial we'll take a look at mini drop-down menu's. We'll add our own menu to the app in the navbar.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[sette]

Since this video was uploaded the docs slightly changed. It is no longer `slot` but `v-slot`, below is the equivalent with `v-slot`:

<v-menu offset-y>
<template v-slot:activator="{ on }">
<v-btn flat v-on="on" color="grey">
<v-icon left>expand_more</v-icon>
<span>Menu</span>
</v-btn>
</template>
<v-list>
<v-list-tile v-for="link in links" :key="link.text" router :to="link.route">
<v-list-tile-title>{{ link.text }}</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>

Hope this helps someone : )

[terjes]

How do you get the menu button to look active like the other navbar buttons after it has been pressed?

[CybercoderNaj]

My active menu item does not change it's color to primary.

[lobsanggyatso]

hello, i have one question (why menu doesnot take class) need help

[mreddygi]

hi Shaun, what if i want the menu button to be dynamic??

[parvezali]

So far great videos. I have a question if you don't mind answering. How do i stop the click event on v-btn in activator slot inside the v-menu from propagating upwards? I looked in the internet and no solution so far. Appreciate your taking the time to find a solution

[deepgread]

Thanks for sharing valuable knowledge sir👍

[utkarsh_]

sorry to say this but most of the things in the tutorial are outdated ! i am following this series but since last 6-7 videos after adding any feature it's not functioning. I invested so much time into this project ;-( dont want to give up now. but this troubleshooting looks endless ;-( i am literally about to cry now

[Cho]

I'm honored to comment first. Thanks!!!!

[ilikeit]

I am fan here, and I like your tutorial, and I would like you create video tutorial about NodeJs, Mongodb and react from step by step

[bhanuchirutha]

I dont understand this slot concept, is it covered in vue js tutorial?