keyup предотвращают модификаторы

Question

<input @keyup="fetchData(0)">

Можно ли ПРЕДОТВРАТИТЬ модификаторы (ctrl + win + cmd и т. Д.) Для работы с событием keyup?Только буквы и цифры.

Мой случай: это фильтр имен, когда пользователь печатает букву, список имен обновляется в соответствии с введенной буквой, но когда пользователь нажимает ctrl или ctrl + a, это считаетсятакже как событие keyup.

Answer 1

Вы можете проверить keyCode из события и запустить метод выборки данных только в том случае, если это буква или цифра

<input @keyup="onKeyUp($event)">

...
methods: {
    conKeyUp(e) {
        if ((e.keyCode >= 48 && e.keyCode <= 90) || (e.keyCode >= 96 && e.keyCode <= 105)) {
            // a-z or 0-9 or numpad 0 - 9
            this.fetchData();
        }
    },
    fetchData() {
        // Fetching data from server...
    }
}

Альтернативный метод будет инициировать выборку данных при изменении значения поля.вот так:

<input v-model="myModel">

...
data: {
    myModel: null
},
watch: {
    myModel() {
        this.fetchData();
    }
},
methods: {
    fetchData() {
        // Fetching data from server...
    }
}