mirror of
https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git
synced 2026-01-23 15:41:33 +00:00
Put modal esc key in setup function
This commit is contained in:
@@ -8,20 +8,20 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { onMounted, onBeforeUnmount } from 'vue';
|
||||||
export default {
|
export default {
|
||||||
mounted: function () {
|
setup({closeModal}, context){
|
||||||
window.addEventListener('keydown', this.onkey)
|
let onkey = function(event){
|
||||||
},
|
|
||||||
beforeUnmount: function () {
|
|
||||||
window.removeEventListener('keydown', this.onkey)
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onkey(event){
|
|
||||||
|
|
||||||
if(event.key == 'Escape') {
|
if(event.key == 'Escape') {
|
||||||
this.closeModal()
|
closeModal()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
onMounted(()=> {
|
||||||
|
window.addEventListener('keydown', onkey);
|
||||||
|
})
|
||||||
|
onBeforeUnmount(()=> {
|
||||||
|
window.removeEventListener('keydown', onkey);
|
||||||
|
})
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
closeModal: {
|
closeModal: {
|
||||||
|
|||||||
Reference in New Issue
Block a user