글발행시, 필터 적용 문의

[Kwanyong]

안녕하세요 선생님

필터가 step1, step2 화면에서는 잘적용되고

발행 후 console.log로 확인시에도 제대로 전달이 된거같은데

발행된 화면에는 필터가 적용이 안되있습니다.

 

 

그리고 한가지 더 문제는 content 인데

글 발행기능 만들기에서 textarea에 작성한 글이 발행시에 출력이 안되고 있습니다.

 <textarea @input="$emit('write', $event.target.value)" class="write-box">write!</textarea>

두시간가까이 두가지 문제를 찾아보려고하는데, 답이 안나와서 혹시나 질문 드립니다.

 

코드는 깃허브에 올려놨는데,

https://github.com/Damon-Jo/VUESTAGRAM/blob/main/src/App.vue

 

확인한번 가능하실지 조심스레 문의드립니다.

 

감사합니다

 

 

[codingapple]

그 이미지에는 필터주는 클래스명이 안박혀있나봅니다 

App.vue에서 작성한글부터 출력해봅시다 출력안되면 전송이나 수신이 잘 안된것입니다 

출력되는데 안나오는거면 데이터바인딩이 이상하거나 그럴수도요 

[Kwanyong]

  <Container  :이미지="이미지" :게시물="게시물" :step="step"/>
  <Container @write="작성한글 = $event" />

이 코드를

  <Container @write="작성한글 = $event" :이미지="이미지" :게시물="게시물" :step="step"/>

이렇게 썻어야 됐네요 ㅎㅎ 잘못붙여넣었네요 제가..

 

그리고 필터는

Post.vue에 

 <div :class="게시물.filter" class="post-body" :style="{backgroundImage : `url(${게시물.postImage})`}"></div>

 :class="게시물.filter" 이부분이 빠져있었구요

이건 난 강의때 마지막부분을 놓쳤네요

감사합니다!

[글쓴이]

글