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

I know it's quite an old question but I think the best way to do that without any external plugins is to add a click listener to mounted lifecycle hook (and remove it on beforeDestroy hook) and filter the clicks on your component so it only hides when clicked outside.