Vuejs - Нажмите клавишу управления и нажмите на строку таблицы

Question

Как я могу захватить нажатие клавиши и нажать на элемент tr?

Мне нужно реализовать таблицу, которая может обрабатывать выбор одной строки или выбор нескольких строк.

Прямо сейчас, я попытался связать ключ ctrl:

Vue.directive('on').keyCodes.ctrl = 17; 

Но, если я использую @keyup.ctrl уверен, что это Dont работает, потому что мне нужно, чтобы проверить, какая клавиша была нажата, когда пользователь нажимает на строку.

Answer 1

Событие click включает свойства, указывающие, были ли нажаты клавиши Control, Shift, Alt или Meta во время клика.

new Vue({ 
 
    el: 'body', 
 
    data: { 
 
    controlled: false, 
 
    shifted: false, 
 
    meta: false, 
 
    alted: false 
 
    }, 
 
    methods: { 
 
    clicked: function(event) { 
 
     console.debug(event); 
 
     this.controlled = event.ctrlKey; 
 
     this.shifted = event.shiftKey; 
 
     this.meta = event.metaKey; 
 
     this.alted = event.altKey; 
 
    } 
 
    } 
 
});

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script> 
 
<button @click="clicked">Click me!</button> 
 
<div v-if="controlled">Control was pressed</div> 
 
<div v-if="shifted">Shift was pressed</div> 
 
<div v-if="alted">Alt was pressed</div> 
 
<div v-if="meta">Meta was pressed</div>