Escape key closes down modal

This commit is contained in:
Jeffrey Biles
2020-03-29 15:16:32 -07:00
parent 77e1a1d407
commit 9c26bfae90

View File

@@ -8,7 +8,22 @@
</template>
<script>
import { onBeforeUnmount } from 'vue';
export default {
setup({closeModal}){
let onKeydown = (event) => {
if(event.key == 'Escape') {
closeModal()
}
}
window.addEventListener('keydown', onKeydown)
onBeforeUnmount(() => {
window.removeEventListener('keydown', onKeydown)
})
},
props: {
closeModal: {
type: Function,