>

사용자의 프로젝트를 보여주는이 구성 요소가 있는데, 해당 특정 프로젝트에 대한 정보를 표시하는 프로젝트 이름을 클릭하여 새 구성 요소로 이동하고 싶습니다. 따라서 선택한 프로젝트의 ID를 라우터로 수신하는 하나의 구성 요소를 만들어야한다고 생각합니다.

정보를 렌더링하는 라우터 링크를 사용하여 프로젝트 ID를 새 페이지로 보내려면 어떻게해야합니까?

프로젝트 ID를 매개 변수로 보내시겠습니까?


  • 답변 # 1

    라우트 객체에서: parameterName을 사용할 수 있습니다.

    const router = new VueRouter({
      routes: [
        { path: '/user/:id', component: User }
      ]
    })
    
    

    그리고this. $router.params.id

    를 사용하여 컴포넌트에서 액세스 할 수 있습니다

    정보 표시 방법에 따라 <router-view> 를 사용할 수 있습니다  심지어 중첩 된 <router-view>  프로젝트 세부 사항을 표시합니다. 자세한 내용은 여기를 참조하십시오

    https://router.vuejs.org/guide/essentials/dynamic-matching.html https://router.vuejs.org/guide/essentials/nested-routes.html

관련 자료

  • 이전 java - javaxwsrscoreResponse 및 어설 션을 사용한 모의 메소드
  • 다음 geopandas - python - 지오 판을 가져 오려고하면 왜 오류가 발생합니까?