인프런 커뮤니티 질문&답변

SeJin Kang님의 프로필 이미지
SeJin Kang

작성한 질문수

Vue.js - Django 연동 웹 프로그래밍

Vue.js todo 앱 완성

for 문 속도 때문일까요..?

작성

·

165

1

Vue only 방식으로

리스트는 정상적으로 화면에 잘 뿌려집니다..

그런데 실행시키면

 

span 태그에

 

{{ todo.name }} :: {{ todo.item }}

 

이 문자 그대로 화면에 아주 잠깐 보인다음 사라지고

todoItems 의 값들이 잘뿌려지고

추가, 삭제 버튼까지도 잘 작동합니다.

 

화면이동이나 새로고침은 전혀 없지만. 깜빡이는 게

괜히 새로고침 또는 화면이동하는 거 같이 느껴지네요 ..

원인이 무엇일까요 ? 

 

답변 2

2

김석훈님의 프로필 이미지
김석훈
지식공유자

v-cloak 디렉티브를 사용하면 됩니다.

강의에서는 설명 안했지만, 제공된 소스의 [HtmlTodo\booktodo_3.html] 파일을 참고해서,

v-cloak 두군데를 수정 바랍니다.

참고로, v-cloak 에 대한 설명은 아래 사이트를 참고하세요.

https://webisfree.com/2019-02-10/[vuejs]-v-cloak-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-%EA%B0%90%EC%B6%94%EA%B8%B0

 

0

SeJin Kang님의 프로필 이미지
SeJin Kang
질문자

답변 감사드립니다 ^^

 

SeJin Kang님의 프로필 이미지
SeJin Kang

작성한 질문수

질문하기