按Esc键时关闭对话框

2022-03-01 00:00:00 vue.js vuejs2 vuetify.js

当用户按键盘上的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')">
  ...

相关文章