按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')">
...
相关文章