我在应用程序中有一个日期选择器组件，并使用了example for a menu to open it。
现在，我想提高桌面用户的使用效率，因此我删除了readonly标志以使手动输入成为可能。
现在，桌面用户只需在表格的不同字段之间切换即可快速输入日期和时间。这里的问题是，当用户切换到字段时，日期选择器将不会显示，而通过在文本字段中添加@focus="menuVariable=true"可以轻松解决该问题。
但是现在的问题是，当用户第一次单击文本字段时，日期选择器将不再显示，至少不是始终如一地，这是我无法修复的。我已经尝试监听单击事件，然后将菜单的切换设置为true，但是我想问题是首先设置了该变量。不确定如何解决此问题或不确定如何以其他任何方式手动打开菜单。
Here是显示问题的代码笔。在两个字段之间单击一点，总是打开右侧的日期选择器，仅偶尔打开左侧的日期选择器。
有没有人知道一种更好的解决方案，当用户单击文本字段（或v菜单的任何其他部分）或使用Tab键进入文本字段时，始终显示日期选择器？
答案 0 :(得分：-1)
这里有一个很好的解决方案：
https://codepen.io/Phennim/pen/KKPYGRK
v-on:focus="onFocus"
v-on:blur="onBlur"
希望它对您有帮助