本文介绍了按Esc键时关闭对话框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
当用户按键盘上的Esc键时，如何在没有激活器的情况下关闭已打开的dialog认证？
推荐答案
将@keydown.esc="dialog = false"添加到v-dialog组件
<v-dialog v-model="dialog" @keydown.esc="dialog = false"></v-dialog>
data: () => ({
dialog: false
}),
工作示例： https://codepen.io/anon/pen/BJOOOQ
此外，如果使用对话框作为自定义组件，则可能需要发出输入事件：
<template>
<v-dialog :value="value" @keydown.esc="$emit('input')">
...
这篇关于按Esc键时关闭对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！