Vue: @keydown.tab은 shift + tab도 캡처합니다.

예, 예상됩니다. shift를 누르지 않았는지 명시적으로 확인해야 합니다.

이를 수행하기 위한 솔루션 마크업은 다음과 같습니다.

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

핸들러 함수 내에서 $event 를 검사하여 SHIFT 가 유지되는지 여부를 감지할 수 있습니다.

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을 눌렀을 때가 아니라 tab을 눌렀을 때만 작동합니다. 자세한 내용은 https://vuejs.org/v2/guide/events.html#exact -Modifier를 참조