Vue: Vue는 사용하지 않는 노드를 제거하고 ref를 undefined로 설정합니다.

에 만든 2017년 09월 18일 · 3코멘트 · 출처: vuejs/vue

2.4.4

버튼을 두 번 클릭하면 구성 요소의 참조가 정의되지 않습니다.

topProgress 구성 요소가 다시 표시됩니다.

구성 요소의 참조는 정의되지 않습니다.

Vue 2.4.2에서 동작은 정상입니다.

출처

dalphyx

가장 유용한 댓글

예, v-show가 작동해야 합니다. 그러나 v2.4.4 이전에는 v-show와 v-if가 모두 잘 작동합니다.

dalphyx 에 2017년 09월 18일

👍3

이것은 실제로 귀하의 라이브러리와 관련이 있습니다: https://github.com/dalphyx/vue-top-progress/blob/master/src/top-progress.vue#L7
v-if 사용하고 있기 때문에 제거되고 존재하지 않는다고 생각합니다( transition 는 태그를 렌더링하지 않는 추상 구성 요소임). v-show 사용해 보셨습니까? 작동해야 합니다: https://jsfiddle.net/t5ad6o31/

또 다른 솔루션은 div 또는 span에서 구성 요소를 래핑하는 것입니다.