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/comComponents/HelloWorld.vue

Answer 1

User.vue中的$route.params.id를 통해 필요한 사용자 정보를 찾을 수 있습니다. 예 User.vue:

으아악

데모 코드샌드박스