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

【问题标题】：How to close the dialog by clicking cancel key?如何通过单击取消键关闭对话框？
【发布时间】：2018-12-02 16:02:30
【问题描述】：

在我使用的 laravel 5.6/vue.js 2.5.7 / vuetify": "^1.0.8" 应用程序中这里写的对话框https://vuetifyjs.com/en/components/dialogs

不知道有没有办法通过点击取消键来关闭对话框？

修改：由于那是 vuetify，我的对话框定义如下所示：

<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>

也没有警报

哪种方法是正确的？

谢谢！

【问题讨论】：

标签： vuejs2 vuetify.js

【解决方案1】：

我希望这对你有用：

&lt;v-dialog @keydown.esc="new_registered_users_dialog_visible = false"&gt;

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

【讨论】：

请看 MODIFIED 块
@mstdmstd 我已经编辑了您应该绑定到的监听器事件。如果我将 keyup 事件绑定到顶级 div 或使用 body 标签，我可以实现它，但这在对话框级别不起作用。
看来没有决定？好可惜！这么小的功能，却很烦人……