Lösung:
Fügen Sie den folgenden Code im Stil von app.vue hinzu:
[hidden] {
display: none !important;
}
Der Hauptgrund dafür ist, dass die Elemente aufgrund der Differenz in den endgültig generierten CSS
Gewichten nicht korrekt ausgeblendet werden . Passen! important legt die höchste Gewichtung fest
Lösung: v-show verwendet display:none, um das Anzeigen und Ausblenden zu steuern. Die endgültige Codeanalyse wird über CSS angezeigt und der Dom-Knoten wird weiterhin gerendert. Wenn Ihr CCS viele Ebenen hat, reicht das Gewicht von display:none nicht aus . Der Show-Hide-Effekt konnte nicht erreicht werden