Vuetify <v-menu>中的自动对焦和键盘导航

Question

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

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

VMenu支持Keyable mixin，因此应支持向上/向下箭头，但我不知道如何使它工作

Answer 1

您可以将引用（ref="yourMenu"）添加到VMenu组件。之后，您可以调用可设置键的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