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

我在一个应用程序中安装了一个日期选择器组件，并使用了。
现在，我想让桌面用户更高效地使用它，因此我删除了

readonly

标志，使手动输入成为可能。
现在，桌面用户只需在表单的不同字段中按tab键即可快速输入日期和时间。这里的问题是，当用户在字段中添加标签时，日期选择器不会出现，这可以通过向文本字段添加

@focus=“menuVariable=true”

轻松解决。
但现在的问题是，当用户第一次点击文本字段时，日期选择器将不再显示，至少不一致，这是我无法修复的。我已经尝试过监听点击事件，然后将菜单的切换设置为true，但我想问题在于首先设置该变量。不知道如何解决这个问题，也不知道如何以其他方式手动打开该菜单

是一个代码笔在炫耀这个问题。在两个字段之间单击一点，右侧的日期选择器始终打开，左侧的日期选择器偶尔打开

---

有谁知道更好的解决方案，当用户点击文本字段（或v菜单的任何其他部分）或在文本字段中添加选项卡时，一致显示日期选择器吗？

这里有一个很好的解决方案：

希望对你有帮助

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

---

我对此进行了研究。

在Julio回答的基础上，我尝试将这个建议的解决方案集成到原始问题中共享的代码笔中。这里是链接。这两个选项似乎都不符合我的要求（当用户单击文本字段或在其中添加选项卡时，日期选择器会显示）：/

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