Close dialog when ESC key is pressed(按Esc键时关闭对话框)

本文介绍了按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键时关闭对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！