Vue Click Outside
Vue Directive to make a click outside event, inspired by vue-clickaway
Install
Include the vue-click-outside.js to your HTML or web page file after Vue.Js. or import it to your Javscript / Vue File.
Usage
<template> <div v-click-outside="clickedOutside"></div> <!-- You Need Delay, if you're using it together with v-if directive --> <div v-if="something" v-click-outside:delay="clickedOutside"></div> </template> <script> export default { methods: { hasClickedOutside(){ alert('Clicked OutSide!') }, } }; </script>Thank You for Making this useful~
Hopefully this can be useful for your next projects.
Let's talk about some projects with me
Just Contact Me At:
- Email: [email protected]
- Skype Id: bosnaufal254
- twitter: @BosNaufal
License
MIT Copyright (c) 2016 - forever Naufal Rabbani
