AnalyzePlatypus

Detecting outside clicks in Vue.js

See this StackOverflow thread

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

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

Example:

gokulkrishh

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */