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

home2 게시판 Vue 게시판 part2 중 "nested route & push 함수" 강의 중 질문

part2 중 "nested route & push 함수" 강의 중 질문

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

    송근목
    참가자

      <div>
          <h5 @click="$router.push('/detail/0')">{{블로그글[0].title}}</h5>
          <p>{{블로그글[0].date}}</p>
      </div>
      <div>
          <h5 @click="$router.push('/detail/1')">{{블로그글[1].title}}</h5>
          <p>{{블로그글[1].date}}</p>
      </div>
      <div>
          <h5 @click="$router.push('/detail/2')">{{블로그글[2].title}}</h5>
          <p>{{블로그글[2].date}}</p>
      </div>

    ---------- 이거를 반복문으로 사용하고 싶어서 아래처럼 만들었습니다. ----------

     

      <div v-for='(a,i) in 블로그글' :key='a'>
          <h5 @click="$router.push('/detail/{{i}}')">{{블로그글[i].title}}</h5>
          <p>{{블로그글[i].date}}</p>
      </div>

     

    '/detail/{{i}}'안에서 변수를 인식하지 못하네요..

    구글링해도 못찾겠습니다.....  이런걸 해결하기 위해 어떻게 구글에 검색해봐야하는지 좀 알려주세요. 

     

     

    #24149

    codingapple
    키 마스터

    글자 중간에 변수를 넣고 싶으면 $router.push('/detail/' + i)

    이러면 됩니다 그냥 자바스크립트 문법입니다 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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