Nuxt.js:如何在路由转换中添加JavaScript钩子?

时间:2018-08-04 08:44:08

标签: javascript vuejs2 nuxt.js gsap

是否可以在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;
}
...

0 个答案:

没有答案