Vue は、カットシーン アニメーションのフェードインおよびフェードアウト効果をルートに追加します。コンポーネントは削除されるとフェードアウトしますが、入力されると即座に入力され、フェードインしません。これら 2 つのステップの間で、ページが真っ白になります。以下は公式 Web サイトからコピーした私のコードです:
モードをアウトインに設定します
リーリー
または:
.fade-enter-active, .fade-leave-active { 不透明度: 1; トランジション: 不透明度 .3s}.fade-enter, .fade-leave { 不透明度: 0}
モードをアウトインに設定します
リーリー
または:
リーリー.fade-enter-active, .fade-leave-active {
不透明度: 1;
トランジション: 不透明度 .3s
}
.fade-enter, .fade-leave {
不透明度: 0
}