mirror of
https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git
synced 2026-01-11 18:54:31 +00:00
Escape key closes down modal
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user