Ryan Trimble mrtrimble

## vue-click-outside.md

      
              1 file
            
          
              0 forks
            
          
              11 comments
            
          
              33 stars
            
          
                AnalyzePlatypus
                / vue-click-outside.md
            
            
              Last active
              December 1, 2023 05:45
            
              
                Vue.js 2.7: Detect clicks outside an element (Close modals, popups, etc.)
              
          
    Detecting outside clicks in Vue.js


See this StackOverflow thread

First off, include the directive at the end of this gist.

On your open button, make sure to use @click.stop to prevent the open click event from closing your modal.
On your modal, add the v-click-outside directive and points it at a function to call when clicked outside.

Example: