JS.VUE.NO.DEPRECATED.V.ON.NUMBER.MODIFIERS
Disallow using deprecated number (keycode) modifiers (in Vue.js 3.0.0+)
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 (https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html) for more details.
{'vue/no-deprecated-v-on-number-modifiers': ['error']}
Copy
<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.
Further Reading
- Migration Guide - KeyCode Modifiers (https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html)
- Vue RFCs - 0014-drop-keycode-support (https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md)
