Question

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

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函数。

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

Answer 1

您应该改用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

Nuxt.js：结合过渡（到，从）和进入/离开事件

1 个答案: