Vuetify

Store

For Enterprise

The v-click-outside directive calls a function when something outside of the target element is clicked on. This is used internally by components like v-menu and v-dialog.

The v-click-outside directive allows you to provide a handler to be invoked when the user clicks outside of the target element.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Optionally provide a closeOnOutsideClick handler that returns true or false. This function determines whether the outside click function is invoked or not.

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!