Vue.js に限った話ではないですが、複数ある入力フォームを ↑ や ↓ Tab Shift + Tab キーでフォーカスを移動させるのにちょっと悩んだので僕なりのやり方をまとめておきます。 ↓こういう動きをさせたいという話です。 tabindex は使わないのか? tabindex を使えば Tab キー押下時の入力フォーカスの順序を制御できます。しかしこれはグローバル要素であり、HTML 全体で指定数値の整合性を取る必要があり非常に面倒くさいです。また、あくまで Tab キー押下だけの影響下であり、↑ などの別のキーには影響を与えません。 そこで、普通にキーイベントを拾ってフォーカスを移動させるようにします。 Vue.js のキーバインドイベント Vue.js のキーイベントは簡単に指定できます。いかが完成形のイベント指定です。 <input type="text" class="i