vue $router.push() 반복문 적용

[윤재희]

<div v-for="(a,i) in 블로그글" :key="i" class="accordion-item">
        <h2 @click="$router.push('/detail/i')" class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
            {{블로그글[i].title}} / {{블로그글[i].date}}
            </button>
        </h2>
    </div>

 

반복문을 활용하고 있는데요

$router.push() // router-link-to ="/detail/i" <-- 어떻게 활용할 수 있을지요?

[송영근]

제가 안해보긴했는데 router.push하는 함수를 하나 만들고 @click에 걸어 놓은다음에 그 함수는 i를 받은다음에  라우터에 태우고 싶은 링크를 문자열로 하나 생성해서 및 i를 이용해서 변할 수 있게 만든다음 그 링크로 push 하면 될거 같아요

[codingapple]

$router.push('/detail/' + i) 해봅시다 

[글쓴이]

글