Help us understand the problem. What is going on with this article?

[Vue]<li>をループで回してつくった箇条書きに、十字キーでフォーカスを合わせてる風の挙動をさせる(+enterキーでその要素を取得する)

More than 1 year has passed since last update.

はじめに

今日は続編ということで、サンプルだけサクッと共有します。

前回の記事

前回の記事からの続きになります。
まだ読まれていない方は、こちらからどうぞ。

今日のサンプルコード

See the Pen [Vue]ループ<li>のフォーカス移動+選択 by riotam (@riotam4) on CodePen.

サンプルコードのみですが、こちらです。
入力欄にフォーカスした状態で、下キーを押すと、その下の箇条書きのところを、フォーカスしているような挙動をします。
enterキーを押すと、ダイアログ画面でその要素を受け取り、出力します。

pon_maeda
僕が学んだことや困ったことを共有して、誰かの役に立てれば嬉しいです。 わずかでも、世の中を便利にしたいと思ってます。 ペーペーですが、よろしくお願いします。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away