Build a Vue Dropdown Menu
13 episodes• 42 mins•4 years ago
Overview
A quick course on building a super flexible dropdown menu with Vue, focusing on how to achieve ultimate customisation using slots and slot props.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episodes
0%
Your progress
- Total: 42m
- Played: 0m
- Remaining: 42m
01. Demo, setting up, and styling
7m 51s
0%
02. Fresh component with a list of items
3m 52s
0%
03. Triggering the dropdown
1m 24s
0%
04. Showing the currently selected item
3m 23s
0%
05. Selecting items
4m 28s
0%
06. Extracting dropdown items to their own components
3m 23s
0%
07. Using a slot for the dropdown label
2m 44s
0%
08. Scoped slots for more customisation
1m 20s
0%
09. Customising items with scoped slots
4m 35s
0%
10. Custom dropdown item component
1m 58s
0%
11. Clicking outside to close
2m 2s
0%
12. Having an unselected item by default
3m 56s
0%
13. Clearing up deprecated slot scope
1m 28s
0%