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

home2 게시판 Vue 게시판 블로그 리스트 반복문..

블로그 리스트 반복문..

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #108840

    이효준
    참가자
    안녕하세요 선생님 !
    심심할까봐 소개하는 Nested routes & push 함수 여기까지 듣다가 
    블로그 리스트를  반복문으로 만들고 
    블로그 타이틀을 클릭했을 때 /detail/0, /detail/1, /detail/2 이런식으로 이동돼야 하는데
     
    <div v-for="(a,i) in 블로그글" :key="i">
        <h5 @click="$router.push('/detail/0')">{{a.title}}</h5>
        <p>{{a.date}}</p>
    </div>
    
    여기까지 했는데.. 저 h5를 클릭했을 때 페이지별로 이동하고싶은데 어떻게 해야되는지 모르겄습니다ㅠㅠ;
    #108876

    codingapple
    키 마스터
    0 자리에 i 아니면 a.id 이런변수 집어넣으면 될듯요
    #108911

    이효준
    참가자
    <h5 @click="$router.push('/detail/a.id')">{{a.title}}</h5> 
    이렇게 해도 안나오는데.. 혹시 router.js에서 뭔가 해줘야 되나요?
    #108914

    이효준
    참가자
    앗 아닙니당.. 해결했습니다 
    <h5 @click="$router.push('/detail/'+ i)">{{a.title}}</h5> 이렇게 하니까 되네여 ㅎㅎ..
    
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

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