how to hide dropdown menu if we click outside the menu in vuejs

Question

I am using a dropdown menu components in vuejs to make normal dropdown menu. My code is for dropdown component is :

Answer 1

Have a look at vue-clickaway.(Link)

Sometimes you need to detect clicks outside of the element (to close a modal window or hide a dropdown select). There is no native event for that, and Vue.js does not cover you either. This is why vue-clickaway exists. Please check out the demo before reading further.