过渡取决于先前的路线

Question

我有一个布局和多个页面，我想根据上一条路线设置一个bounceInUp和一个bounceInDown来设置different（2）过渡 目前，只有一个使用：

.page-enter-active {
    animation: bounceInUp 1.5s ease-out both;
}
.page-leave-active {
    animation: acrossOut 0.65s ease-in both;
} 

我不知道如何设置第二个过渡 如何动态更改？

谢谢

Answer 1

您需要在页面中将转换键设置为功能。

export default {
  transition (to, from) {
    if (from is something) return 'bounceInUp'
    //or a ternary
    return +to.query.page < +from.query.page ? 'bounceInUp' : 'bounceInDown'
  }
}

您可以在文档here

中看到它