안녕하세요
뷰스타그램 강의중에 이미지 넣는 부분때문에 문의 드립니다.
배열중에 다른 요소들은 다 잘 나오는데 이미지만 마지막배열에 있는 이미지로 들어가서요
글발행시에도 새로들어간 배열이 잘들어가는데 이미지만 역시 마지막이미지가 들어가요!
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>