Nuxt.js - Für jede Route ein anderer Übergang

Question

Ich arbeite gerade mit Nuxt.js, was super ist! Ich habe einige Übergänge für jede Seite erstellt, die ich erstellt habe. Ich möchte jedoch einen bestimmten Übergang aufrufen, wenn Sie aus einem Archiv auf eine Seite gehen. Zum Beispiel:

In einem Archiv haben Sie zwei ein hrefs, jedes ein href geht auf eine andere Seite. Sie haben also verschiedene Routen wie: Archiv -> Seite 1 und Archiv -> Seite 2. Ich möchte einen Übergang für das Archiv machen, wenn es auf Seite 1 und Seite 2 geht. Ich muss für jede Route einen bestimmten Übergang aufrufen . Aber ich konnte nichts in der Dokumentation finden, wie das funktioniert. Hat jemand eine Idee oder ein Beispiel?

Answer 1

Ich denke, du bist auf dem richtigen Weg.

Im Wesentlichen möchten Sie nur den Übergangsschlüssel als eine Funktion aufrufen. Stellen Sie sich das "von" als Archivseite und das "bis" als nächste Seite vor.

transition (to, from) { 
    if (to.path === '/page-1'){ 
     return 'transition-one' 
    } else if (to.path === '/page-2') { 
     return 'transition-two' 
    } 
} 

oder in Pseudo-Code ...

// If the 'to' path is the same as /path-1 
    // Do the transition with the name 'transition-one' 
// Otherwise, if the 'to' path is the same as /path-2 
    // Do the transition with the name 'transition-two'. 

Sie setzen diese Übergangsfunktion in Ihrem Modul exportiert, genauso wie Ihr Lebenszyklus Haken: Man könnte so etwas tun. Hilft das ein bisschen?