Vue.js 3 Options API Masterclass
Plans from $25/month

This lesson is for members. Join us?

Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!

Start learning or

Closing Dropdown on Click Outside

🚧 PLEASE NOTE: This masterclass is built with the Options API
vuejs-masterclass

The Composition API Masterclass is coming soon!

In this lesson, we create a custom Vue.js 3 directive v-click-outside in order to close the user dropdown in the navbar whenever a user clicks outside of it.

Links

GO PREMIUM
UnlockTo unlock this feature
DOWNLOAD VIDEO HD SD
GO PREMIUM
UnlockTo unlock this feature
Transcript icon
DOWNLOAD TRANSCRIPT
Vue.js 3 Options API Masterclass
  • Chapter 14

Custom Vue.js Directives

Closing Dropdown on Click Outside
6:53
118.
Building a Mobile Navbar
4:31
119.
Closing the Mobile Navbar on Scroll
6:06
NEXT CHAPTER
Pagination