Put modal esc key in setup function

This commit is contained in:
Jeffrey Biles
2020-03-18 17:01:15 -07:00
parent f87823db63
commit de4d62e6db

View File

@@ -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: {