vue/no-deprecated-v-on-number-modifiers
v-on の削除済み数値 keyCode modifier を検出します。
既定の重大度: error
プリセット: ecosystem, essential, happy-path, nuxt, opinionated
自動修正: なし。修正内容を確認してください
適用範囲: Vue SFC のテンプレート・ブロック。必要な script の文脈も例に含めています。
オプション: ルール固有のオプションはありません。重大度とプリセットは設定できます。
設定(Vite+)
import { defineConfig } from "@vizejs/vite-plugin/vite-plus";
export default defineConfig({
lint: {
vize: {
"preset": "incremental",
"rules": {
"vue/no-deprecated-v-on-number-modifiers": "error"
}
},
},
});
vp run lint
悪い
キーを、廃止された数値コード 13 と 27 で指定しています。
<template>
<input @keyup.13="submit" />
<input v-on:keyup.27="cancel" />
<input @keyup.13.stop="submit" />
</template>
良い
キーの名前を使い、enter と esc の modifier に変更します。
<template>
<input @keyup.enter="submit" />
<input @keyup.esc="cancel" />
</template>
良い例は上記の設定でこのルールの検出を避ける例です。他のルールでは検出される場合があります。