Vue: @ keydown.tab также захватывает shift + tab

Да, это ожидаемо. Вы должны явно проверить, что сдвиг не нажат

Вот разметка решения для этого:

<your-element @keydown.tab="handleTabPress(someData, $event)"></your-element>

Внутри функции-обработчика вы можете определить, удерживается ли SHIFT , проверив $event :

handleTabPress(someData, e) {
    // if SHIFT key is held to navigate backwards, exit through this gate
    if (e.shiftKey) {
        console.log('halting event due to SHIFT+TAB');
        return;
    }

    // otherwise, execute normal logic
    console.log('tab was pressed', someData);
},

Просто чтобы обновить это, поскольку 2.5.0 vue имеет модификатор .exact, который предотвращает именно такое поведение:

@keydown.tab.exact="dostuff()"

Это будет работать только при нажатии вкладки, а не при нажатии Shift + Tab. См. Https://vuejs.org/v2/guide/events.html#exact -Modifier для получения дополнительной информации.