# Click outside

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.

# Usage

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

# API

v-click-outside

# Examples

# Options

# Close on outside click

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

# Include

Optionally provide an include function in the options object that returns an array of HTMLElements. This function determines which additional elements that the click must be outside of.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.

Edit this page on GitHub

Last updated:06/23/2020, 7:59:44 PM