# vue/no-deprecated-v-on-number-modifiers
disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
- ⚙️ This rule is included in all of
"plugin:vue/vue3-essential"
,"plugin:vue/vue3-strongly-recommended"
and"plugin:vue/vue3-recommended"
. - 🔧 The
--fix
option on the command line (opens new window) can automatically fix some of the problems reported by this rule.
# 📖 Rule Details
This rule reports use of deprecated KeyboardEvent.keyCode
modifier on v-on
directive (in Vue.js 3.0.0+).
See Migration Guide - KeyCode Modifiers (opens new window) for more details.
<template>
<!-- ✓ GOOD -->
<input v-on:keyup.page-down="onArrowUp">
<input @keyup.page-down="onArrowUp">
<input @keyup.9="onArrowUp"> <!-- 9 is KeyboardEvent.key -->
<!-- ✗ BAD -->
<input v-on:keyup.34="onArrowUp">
<input @keyup.34="onArrowUp">
</template>
# 🔧 Options
Nothing.
# 👫 Related Rules
# 📚 Further Reading
- Migration Guide - KeyCode Modifiers (opens new window)
- Vue RFCs - 0014-drop-keycode-support (opens new window)
# 🚀 Version
This rule was introduced in eslint-plugin-vue v7.0.0