Vue: @ keydown.tab शिफ्ट + टैब को भी कैप्चर करता है

हाँ, यह अपेक्षित है। आपको स्पष्ट रूप से जांचना चाहिए कि शिफ्ट दबाया नहीं गया है

इसे पूरा करने के लिए समाधान मार्कअप यहां दिया गया है:

<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()"

यह तभी काम करेगा जब टैब दबाया जाएगा, न कि तब जब शिफ्ट + टैब दबाया जाएगा। अधिक के लिए https://vuejs.org/v2/guide/events.html#exact -Modifier देखें।