Vuejsで「id」に基づいて配列値のリストを動的に取得するにはどうすればよいですか?

Question

リーリー リーリー リーリー

私は動的ルーティングに取り組んでおり、各配列値のクリック時に「ID」を動的に取得します。 (1、2、3、4、5...など)

次に、配列の値を表示したいと思います。 ID のみに固有。のように...＃＃＃

id:1 をクリックした場合は、id:1 にリンクされている特定の配列値を取得するだけです。 2、3、4... についても同様の状況

現在の問題は、

"array id:2" または任意の ID 値をクリックすると、配列値のリスト全体が取得されてしまうことです。 リーリー ##11 ポーター 22 ジェームズ 55リン 77度

完全に動作するコード:- https://codesandbox.io/s/proud-fast-sokui?file=/src/components/HelloWorld.vue

Answer 1

必要なユーザー情報は、User.vue の $route.params.id で見つけることができます。 例 User.vue:

リーリー ＃＃＃デモ

コードサンドボックス