Nuxt.js - 각 경로마다 다른 전환

Question

현재 Nuxt.js로 작업 중입니다. 내가 만든 각 페이지에 대해 몇 가지 전환을 만들었습니다. 그러나 아카이브에서 페이지로 이동할 때 특정 전환을 호출하려고합니다. 예를 들어 :

아카이브에서 두하는 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'. 

당신은 당신의 라이프 사이클 후크처럼 같은, 모듈 수출이 전환 기능을 넣을 수 있습니다. 이게 조금 도움이 되나요?