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

home2 게시판 Vue 게시판 뷰스타그램 강의중 이미지관련 문의 드립니다.

뷰스타그램 강의중 이미지관련 문의 드립니다.

  • 이 주제에는 1개 답변, 2명 참여가 있으며 codingapple3 년 전에 전에 마지막으로 업데이트했습니다.
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #39053

    한예지
    참가자
    안녕하세요
    뷰스타그램 강의중에 이미지 넣는 부분때문에 문의 드립니다.
    배열중에 다른 요소들은 다 잘 나오는데 이미지만 마지막배열에 있는 이미지로 들어가서요
    
    글발행시에도 새로들어간 배열이 잘들어가는데 이미지만 역시 마지막이미지가 들어가요!
    vue devtool 에도 이미지는 4개다 다르게 들어가있는게 확인이 되거든요 ㅠㅠ
    왜그런걸까요 ㅠㅠ
    
    Container.vue
    <div v-if="step==0">
      <Post :postObj="data" v-for="(data, i) in datas" :key="i" />
    </div>
    
    Post.vue
    
    <template>
      <div class="post">
        <div class="post-header">
          <div class="profile" :style=" `background-image : url(${postObj.userImage})`"></div>
          <span class="profile-name">{{ postObj.name }}</span>
        </div>
        <div class="post-body" :style=" `background-image: url${postObj.postImage}`"></div>
        <div class="post-content">
          <p>{{ postObj.likes }}</p>
          <p>{{ postObj.name }} {{ postObj.content }}</p>
          <p class="date">{{ postObj.date }}</p>
        </div>
      </div>
    </template>
    
    
    #39071

    codingapple
    키 마스터
    container.vue에서 datas를 출력해서 각각 다른 이미지경로가 잘 나오나 확인해봅시다
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 호 / 개인정보관리자 : 박종흠