로그인
장바구니에 상품이 없습니다.

router-link 속성에 변수를 쓰고 싶습니다.

이 주제에는 5개 답변, 2명 참여가 있으며 codingapple가 3 년, 11 월 전에 전에 마지막으로 업데이트했습니다.

강의로 돌아가기

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

글쓴이

글
2021년 8월 12일 18:44 #13370

Release
참가자

List.vue를 반복문으로 구현해둬서 i라는 변수를 사용해서 상세정보에 접근하도록 하고싶은데, @click="$router.push()"로 하다 막혀서 router-view로 하려고 했는데도 잘 모르겠습니다. 속성에 데이터바인딩 쓸 때처럼 :to 도 해보았는데 작동하지 않네요

2021년 8월 12일 20:24 #13376

codingapple
키 마스터

to="" 안에

detail/${i}

이걸 백틱기호안에 담아봅시다

2021년 8월 13일 11:52 #13408

Release
참가자

to="(백틱)detail/${i}(백틱)" 시 주소가 http://localhost:8080/$%7Bi%7D%60 로 나오며 이동이 안되고,

:to="(백틱)detail/${i}(백틱)" 시에는 주소가 http://localhost:8080/0 처럼 그냥 i 값만 나옵니다.

2021년 8월 13일 13:14 #13412

codingapple
키 마스터

:to="{ path: 'detail/' + i }"

이런걸 써봅시다

2021년 8월 13일 14:23 #13416

Release
참가자

사용 후

이렇게 나오고, 제목들 누르면 http://localhost:8080/0 이런식으로 연결됩니다..

주소창에 /detail/0 부터 2까지 수동으로 입력하면 정상적으로 나옵니다.

2021년 8월 13일 15:32 #13423

codingapple
키 마스터

경로를 슬래시 앞에 붙여서 /detail 로 기입합시다
글쓴이

글

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

답변은 로그인 후 가능합니다.

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠