Vuetify中的自动对焦和键盘导航

Question

是否可以自动对焦并允许通过键盘导航？

我希望能够打开菜单并使第一项聚焦并突出显示，然后让用户能够在菜单选项中向上/向下滚动。

VMenu支持Keyable mixin，因此应支持向上/向下箭头，但我无法弄清楚如何让它工作

Answer 1

您可以向VMenu组件添加引用（ref="yourMenu"）。之后，您可以调用keyable mixin中定义的方法，例如：

const menu = this.$refs.yourMenu
menu.changeListIndex(e)  // e is event that has brought you here
// or...
menu.onKeyDown(e)        // if you don't want to handle keys in different way