Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

The Vue.js Master Class

Close Dropdown on Click Outside thumbnail image

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Close Dropdown on Click Outside

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

The Composition API Masterclass is out!

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.