The Vue.js 2 Master Class
Join our community today
Get your learning on with The Vue.js 2 Master Class
Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.
🚧 NOTICE: You are watching a Vue.js 2 lesson
Close Dropdown on Click Outside
🚧 PLEASE NOTE: This masterclass is built with the Options API
The Composition API Masterclass is out!
Sign-up for the Vue.js Masterclass 2024 Edition.
In this lesson, we're implementing the v-click-outside directive that we made in the Custome Vue.js Directives course. We import the directive in the navbar component since we don't need it globally available. We use the directive to close the dropdown menu in the navbar.