Nuxt.js - 各ルート別に異なる遷移

Question

私は現在Nuxt.jsで作業していますが、これはすばらしいです！私は作成したページごとにいくつかのトランジションを行いました。しかし、私はあなたがアーカイブからページに行くときに特定のトランジションを呼びたいと思っています。例：

アーカイブには2つのhrefがあり、それぞれのhrefは別のページに移動します。したがって、アーカイブ - >ページ1とアーカイブ - >ページ2のような別のルートがあります。アーカイブがページ1とページ2に出るときに、そのアーカイブに移行する必要があります。ルートごとに特定の移行を呼び出す必要があります。しかし、私はこれがどのように動作するのかドキュメントでは何も見つかりませんでした。誰かにアイデアや例がありますか？

Answer 1

あなたは正しい方向にいると思います。

基本的に、トランジションキーを関数として呼び出すだけです。 「from」をアーカイブページ、「to」を次のページと考えてください。あなたのモジュールがエクスポート、あなたのライフサイクルフックとしてちょうど同じで、この遷移関数を置くことができます

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

または擬似コードで...

// 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'. 

：あなたはこのような何かを行うことができます。これは少し助けてくれますか？