javascript - 单击打开 v-date-picker v-menu 并在其中聚焦 v-text-field？

Question

我在应用程序中有一个日期选择器组件并使用了 example for a menu to open it .
我现在想让桌面用户更有效地使用它，所以我删除了 readonly 标志以允许手动输入。
现在，桌面用户可以简单地通过表格的不同字段快速输入日期和时间。这里的问题是，当用户使用 Tab 键进入某个字段时，日期选择器不会显示，这很容易通过在文本字段中添加 @focus="menuVariable=true" 来解决。
但现在的问题是，当用户第一次点击文本字段时，日期选择器将不会再出现，至少不会一直出现，我一直无法修复。我已经尝试监听点击事件并将菜单的切换设置为 true，但我想问题是首先设置该变量。不确定如何解决这个问题或如何以任何其他方式手动打开该菜单。

Here是一个展示问题的codepen。单击两个字段之间的一点，右侧的日期选择器始终打开，左侧的日期选择器偶尔打开。

有谁知道当用户点击文本字段(或 v-menu 的任何其他部分)或标签进入文本字段时始终显示日期选择器的更好解决方案？

Answer 1

@keyup="menuVariable=true"
@keydown="menuVariable=false"

我用过这个。