안녕하세요
[Part 3 : 인스타그램 만들기]에서 [저번시간 숙제 & style 속성 데이터바인딩]강의를 들으며 코딩하는 중에
style이 적용되지 않는 문제가 발생하여 문의드립니다.
제가 어떤걸 실수했는지 모르겠습니다. 분명 강사님과 똑같이 코딩한것 같은데 모르겠네요 ㅜㅜ
제 코드는 아래와 같고 문제는 같은 그림이 계속 반복됩니다. 텍스는 잘 바뀌는데 그림만 문제네요
아래 스타일태그에 하드코딩된 백그라운드도 삭제해봤는데 그러면 아예 그림이 뜨질 않네요
<template>
<div
class="profile"
:style="{
backgroundimage: 'url(${feed.userImage})',
}"
<div
class="post-body"
:style="{ backgroundimage: 'url(${feed.postImage})' }"
></div>
</template>
<script>
export default {
name: "Post",
props: {
feed: Object,
},
};
</script>
<style>
.profile {
background-image: url("https://placeimg.com/100/100/arch");
width: 30px;
height: 30px;
background-size: 100%;
border-radius: 50%;
float: left;
}
.post-body {
background-image: url("https://placeimg.com/640/480/animals");
height: 450px;
background-position: center;
background-size: cover;
}
</style>
