如何从过渡访问Nuxt JS data（）？

Question

我很难通过转换函数访问Nuxt JS中的数据对象，还有其他人遇到这个问题吗？我尝试将this定义为self并访问一个computed属性，但这两个似乎都不起作用：

export default {
  transition (to, from) {
    if (from) {
      return to.params.id < from.params.id ? `slide-left-${this.hasSwipeSpeed}` : `slide-right-${this.hasSwipeSpeed}`
    } else {
      return `slide-left-${this.hasSwipeSpeed}`
    }
  }
}

this.hasSwipeSpeed是在data()中定义的，但是我似乎无法从transition内访问它

Answer 1

根据Vue生命周期挂钩，该数据尚不存在，因为将在创建挂钩之前调用转换（您可以在两个函数中都使用调试器来查看此信息）。因此，只需设置“ SwipeSpeed”而不使用数据即可。