Vue router.push()와 children route 관련 질문

[조성훈]

routoer.push()를 통해 children 라우터로 이동할 시 URL parameter가 사라지는 현상

http://localhost:8080/#/detail/0
위 상태에서 댓글 버튼을 통해 
        <button @click="$router.push('./comment')">댓글</button>

http://localhost:8080/#/detail/0/comment
로 이동하고 싶은데 

http://localhost:8080/#/detail/comment 
로 이동되고 있습니다. 

<button @click="$router.push($route.params.id + '/comment')">댓글</button>
를 통해 해결할 수 있지만 한번 더 댓글 버튼을 누를 경우

http://localhost:8080/#/detail/0/0/comment
이렇게 되는 현상 때문에 사용할 수는 없어보이는데

어떤 방법이 있을까요?

[codingapple]

$router.push('comment') 해봅시다

[조성훈]

$router.push('comment') 도
$router.push('./comment') 이랑 같은 결과가 나옵니다

[codingapple]

$router.push(라우터상현재경로 + '/comment') 해봅시다 
현재경로구하는법은 까먹었습니다

[조성훈]

        <button @click="$router.push($route.fullPath + '/comment')">댓글</button>
말씀하시는거죠? 이것도 위와 마찬가지로 처음 누를 땐 잘 되지만
다시 누르면
http://localhost:8080/#/detail/0/comment
->
http://localhost:8080/#/detail/0/comment/comment
이렇게 됩니다

[codingapple]

현재경로에 /comment가 있으면 이동하지말라고 if문 추가하면 되겠군요

[글쓴이]

글