Ich habe eine v-wenn auf einem Tag <span v-if="someValue">
, die ich ausgeblendet werden möchte und nur sichtbar werden, sobald der Wert in someValue
auf wahr gesetzt ist. Leider, auch wenn der Wert von Anfang an falsch ist, blinkt sie immer noch beim Laden der Seite (wahrscheinlich bevor Vue Zeit hat, das Tag zu entfernen). Gibt es eine nette Möglichkeit, mit diesem Problem umzugehen?Vue v-wenn Start ausgeblendet
1
A
Antwort
3
Das anfängliche "Blinken" bezieht sich nicht auf die v-if
.
Es ist aufgrund der Tatsache, dass Sie zuerst laden die Dom und dann vue js wird es "manipulieren". Vue wird nach Ihrem HTML-Markup geladen und Sie werden alles sehen, bis Vue Js endlich geladen ist und Elemente entsprechend Ihrem Code ausblenden.
Um das beheben Sie eine v-cloak
Richtlinie auf einer Ihrer äußeren Elemente platzieren und eine CSS wie
[v-cloak].class-of-my-outer-element {
display: none;
}
die v-Mantel „Attribut“ hinzufügen wird durch vue entfernt werden, nachdem es initialisiert wird. Das bedeutet, dass nichts angezeigt wird, bis der Code fertig ist.
Minor update/edit: Vergiss nicht, dass das v-cover-Element innen sein muss, wenn deine #app oder wo du deine vue-Anwendung mountest.
Verwandte Themen
- 1. css/javascript start standardmäßig ausgeblendet, dann einblendung
- 2. Vue 2 Haken bereit
- 3. Vue iFrames mit Vue Router
- 4. Vue - Vue CLI - API Variablen
- 5. v-html nicht Vue-Komponente in Vue 2
- 6. Vue-Form funktioniert nicht mit Vue-Material
- 7. Vue Bauteile berechnet Eigenschaft angezeigt: [Vue warnen]
- 8. Vue.js + vue-resource + vue-router = Lexikalischer Deklarationsfehler?
- 9. Vue 2-Komponenten-Arten ohne Vue loader
- 10. vue v2, vue-Router und cordova
- 11. Unterschiede zwischen Vue-Instanz und Vue-Komponente?
- 12. vue-Modell in Vue.2.x
- 13. Vue-Router beforeRouteEnter Vue-Ressource Anfrage
- 14. Vue 2 Laravel 5.3 vue-toastr
- 15. Wie man das Menü basierend auf Start und Blättern ein- und ausgeblendet wird
- 16. SearchController Automatisch ausgeblendet
- 17. Warum ist remoteAddress ausgeblendet?
- 18. ExpandableListView ist immer ausgeblendet
- 19. WPF ausgeblendet Grid Column
- 20. Wie ausgeblendet werden Bilder?
- 21. jQuery ausgeblendet Dropdown-Menü
- 22. ActiveBar Menüeintrag kann nicht programmatisch ausgeblendet werden
- 23. VUE innerhalb jquery ajax Zugreifen
- 24. Vue: Wie man .focus() auf Knopfklick anruft
- 25. vue watch mapState funktioniert nicht
- 26. Vue 2 Laravel 5.3 Vue-Router 2 Richtige Einrichtung des Vue-Routers
- 27. Jquery Slider wird automatisch ausgeblendet.
- 28. Wie kann Tabellenzeilenüberlauf ausgeblendet werden?
- 29. Close Button In Debian ausgeblendet
- 30. Wie ausgeblendet Werte in MPAndroidChart?