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.
Ready for more? Continue reading with: