vuetify.js - Vuetify 中的自动对焦和键盘导航

Question

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

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

VMenu 支持 Keyable mixin，所以应该支持向上/向下箭头，但我不知道如何让它工作

标签： vuetify.js

Answer 1

您可以将引用 ( ref="yourMenu") 添加到 VMenu 组件。之后，您可以调用 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