是否可以在Nuxt.js中的条件路由转换上使用JavaScript钩子?
到目前为止,按照路线转换示例,我设法使其与全局CSS样式一起使用,但是我找不到使用GSAP / JavaScript动画的方法。
这是我在每个页面上声明过渡属性的方式:
transition (to, from) {
if (from.path === '/'){
return 'slide-left'
} else if (from.path === '/about') {
return 'slide-right'
}
}
这是我在默认布局中的全局CSS过渡:
.slide-right-enter-active {
animation: acrossIn .45s ease-out both;
}
.slide-right-leave-active {
animation: acrossOut .65s ease-in both;
}
...