javascript - Problem beim Routenübergang in Vue?
滿天的星座
滿天的星座 2017-06-12 09:30:07
0
3
711

Vue fügt der Route einen Ein- und Ausblendeffekt für Zwischensequenzen hinzu. Die Komponente wird ausgeblendet, wenn sie entfernt wird. Wenn sie jedoch eingegeben wird, wird sie sofort aktiviert und nicht eingeblendet. Zwischen diesen beiden Schritten wird die Seite angezeigt leer werden. Unten ist mein Code, kopiert von der offiziellen Website:

 .fade-enter-active, .fade-leave-active { transition: opacity .3s } .fade-enter, .fade-leave-active { opacity: 0 } 请问要怎么做才可以在当前组件淡出的同时,将要被插入的组件能淡入。
滿天的星座
滿天的星座

Antworte allen (3)
世界只因有你

设置mode为out-in

    学霸
    .fade-enter-active, .fade-leave-active { opacity: 1; transition: opacity .3s } .fade-enter, .fade-leave-active { opacity: 0 }

    或:

    .fade-enter-active, .fade-leave-active { opacity: 1; transition: opacity .3s } .fade-enter, .fade-leave-to { opacity: 0; }
      刘奇

      .fade-enter-active, .fade-leave-active {
      opacity: 1;
      transition: opacity .3s
      }
      .fade-enter, .fade-leave {
      opacity: 0
      }

        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!