Vue: Vue entfernt nicht verwendete Knoten und setzt die Refs auf undefined

Erstellt am 18. Sept. 2017 · 3Kommentare · Quelle: vuejs/vue

2.4.4

Klicken Sie zweimal auf die Schaltfläche, die Referenzen der Komponenten sind undefiniert

die topProgress-Komponente wieder zeigen

die refs der komponente sind undefiniert

Das Verhalten ist in Vue 2.4.2 normal.

Quelle

dalphyx

Hilfreichster Kommentar

Ja, V-Show sollte funktionieren. Aber vor v2.4.4 funktionierten sowohl v-show als auch v-if gut.

dalphyx am 18. Sept. 2017

👍3

Dies hängt tatsächlich mit Ihrer Lib zusammen: https://github.com/dalphyx/vue-top-progress/blob/master/src/top-progress.vue#L7
Ich denke, weil Sie ein v-if , wird es entfernt und existiert nicht ( transition ist eine abstrakte Komponente, die kein Tag rendert). Haben Sie es mit einem v-show versucht, sollte es funktionieren: https://jsfiddle.net/t5ad6o31/

Eine andere Lösung wäre, Ihre Komponente in ein div oder span zu packen