Vue Directive to make a click outside event, inspired by vue-clickaway
Include the vue-click-outside.js to your HTML or web page file after Vue.Js. or import it to your Javscript / Vue File.
<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>
Hopefully this can be useful for your next projects.
Just Contact Me At:
- Email: [email protected]
- Skype Id: bosnaufal254
- twitter: @BosNaufal
MIT Copyright (c) 2016 - forever Naufal Rabbani