Vue.js 根据以前的路线进行过渡

我有一个布局和多个页面，我想根据之前的路线设置不同的（2）转换一个bounceInUp和一个bounceInDown 目前，只有一个正在使用：

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

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

---

谢谢

您需要将页面中的转换键设置为一个函数

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

导出默认值{
过渡（到，从）{
如果（来自某物）返回“bounceInUp”
//还是三元
return+to.query.page<+from.query.page？'bounceInUp'：'bounceInDown'
}
}

---

您可以在文档中看到它

如果您有权访问您的路由参数，您可以根据参数将类绑定到转换元素：class=“{”page enter active”：$route.someparam==“some condition”}”numxt.js在转换时自动分配类，但我可以访问routes参数。我正在挖掘nuxt.js代码以了解它。非常感谢您，我很难理解它，但我挖掘了更多的thaks以了解您的评论。