해커뉴스의 포함관계의 댓글 구현시 질문
221
작성한 질문수 5
안녕하세요. 강사님!
해커뉴스의 ask에서 질문을 클릭하면 하나의 질문 item 페이지로 가게 되는데요.
거기서 댓글을 보면 댓글> 댓글> 댓글 이런식의 트리구조가 생기는 걸 볼수 있습니다.
json 데이타도 comments > comments > comments... 이런 다차원 배열로 되어있죠.
이부분을 어떻게 itemView.vue에서 <ul><li><ul><li>...포함 구조를 렌더링 할 수 있을지 궁금합니다.
얼마나 깊어질지 모르는 이런 상태에서 v-for를 써야하는지, 아니면 포함관계 태그를 문자열로 만들어 v-html로
넣어야 하는지 만약 그렇다면 어떻게 구현할 수 있는지 궁금합니다.
혹시 강사님이 이부분의 트리구조 댓글을 구현해 놓으신게 있다면 부탁드리겠습니다.
답변 2
0
안녕하세요. 선생님^^
말씀해 주신 힌트를 가지고 검색도 해보고 이렇게 저렇게 해보았는데, 잘 안되네요..
아래처럼 askItem이라는 computed 를 이용한 배열을 가지고 와서 거기의 id 를 key 설정했는데요.
이다음에는 어떻게 해야 v-for를 이용한 <ul><li><ul><li>...구조의 댓글로 뿌릴 수있는지 알려주시면 감사하겠습니다.
0
안녕하세요 을수님, 좋은 질문이네요! 댓글을 해커 뉴스와 같은 방식으로 표현하신다면 v-html 보다는 v-for 디렉티브를 쓰시는 게 더 효과적일 것 같습니다 :) v-for에 v-bind:key만 잘 입력해주시면 뷰 내부적으로 리스트 조작에 대한 튜닝은 알아서 진행해줄 겁니다..! 한 번 해보시고 잘 안되면 알려주세요 :)
깃 권한 요청 드립니다
0
50
1
깃 권한 신청
0
50
1
깃 권한 요청드립니다.
0
111
1
깃허브 권한 요청 드립니다
0
144
1
깃허브 권한 요청 드립니다
0
161
1
깃허브 권한 요청 드립니다
0
167
1
깃허브 권한 요청 드립니다.
0
154
1
안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.
0
208
1
ide 타입추론 기능 사용할 수 없을까요??
0
207
1
컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??
0
228
1
Vue3로 진행중입니다
1
338
1
Vue router-link 사용시 같은 url이면
1
506
1
vue3 에러 메세지...
1
670
2
id ="app" 중복
0
271
2
use undefined 에러가 나옵니다.
1
319
2
깃허브 권한 요청드립니다.
1
359
2
권한요청드립니다.
1
299
2
Vue3에서 구글 애드센스 탑재하기
1
437
2
코드가 정상 작동 되는건지 ...
1
303
1
강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?
1
243
1
vuex 적용시 질문
1
288
2
라우터 버전이 안맞는데 어떤걸 써야하나요
1
385
2
UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..
1
455
2
권한요청 드립니다!
1
275
2