Nuxt.js:结合过渡(到,从)和进入/离开事件

所以我有这段代码,它决定了在两个页面之间进行过渡时要做什么,并且效果很好:

export default {
  transition: {
    mode: 'out-in',css: false,beforeEnter (el) {
      console.log('set transition');
    },enter (el,done) {
      console.log('enter transition');
      done();
    },leave (el,done) {
      console.log('leave transition');
      done();
    },}
}

现在,我想根据下一页指定要执行的操作。因此,我必须根据documentation使用transition(to,from)方法。但不幸的是,我无法将此功能与mode: 'out-in'之类的参数混合使用,也无法通过leave(el,done)参数来调用to,from函数。

有人知道如何结合吗?谢谢。

linguohan 回答:Nuxt.js:结合过渡(到,从)和进入/离开事件

您应该改用pageTransition

您尝试使用函数吗?

export default {
  pageTransition (to,from) {
    if (!from) { return 'slide-left' }
    return +to.query.page < +from.query.page ? 'slide-right' : 'slide-left'
  }
}

文档在这里:https://fr.nuxtjs.org/api/pages-transition/#fonction

本文链接:https://www.f2er.com/3094806.html

大家都在问