如何通过单击取消键关闭对话框？

Question

在我的laravel 5.6 / vue.js 2.5.7 / vuetify中：“ ^ 1.0.8”应用程序 https://vuetifyjs.com/en/components/dialogs

我想知道是否可以通过单击取消键来关闭对话框吗？

已修改： 就是这样，我的对话框定义如下：

<v-footer app>
    <v-dialog scrollable v-model="new_registered_users_dialog_visible"  @keyup.esc="new_registered_users_dialog_visible=false">
        <v-card>

并插入上述keyup事件无效

我试图在事件中插入警报代码：

<v-footer app>
    <v-dialog scrollable v-model="new_registered_users_dialog_visible"  @keyup.esc="alert(-1);new_registered_users_dialog_visible=false">
        <v-card>

也没有警报

哪种方法是正确的？

谢谢！

Answer 1

我希望这对您有用：

<v-dialog @keydown.esc="new_registered_users_dialog_visible = false">

您可以检查此链接here，该链接讨论与您的用例相同的用例。