【问题标题】:How to access Nuxt JS data() from transition?如何从转换中访问 Nuxt JS 数据()?
【发布时间】:2020-01-14 03:27:16
【问题描述】:

我在通过转换函数访问 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.hasSwipeSpeeddata() 中定义,但我似乎无法从transition 中访问它

【问题讨论】:

    标签: javascript vue.js vuejs2 nuxt.js


    【解决方案1】:

    根据 Vue 生命周期钩子,数据还不存在,因为转换将在创建钩子之前调用(您可以通过在两个函数中使用调试器来看到这一点)。因此,只需设置“SwipeSpeed”而不使用数据。

    【讨论】:

    • 对,这很不方便:D 我将如何访问$store,因为从技术上讲,这是我需要从中提取一些数据的地方。我正在使用带有计算属性的 vuex,我需要访问:his.$store.state.localStorage.settings.swipeSpeed
    • 没有定义任何东西,例如:this.$storethis.$refsthis.$route,即使我在 created, mounted, beforeCreate 中添加了一个var testVar = 'hello world',它都是未定义的。
    • localStorage 可以在此处访问,但 $store 没有。所以,你可以使用 localStorage
    猜你喜欢
    • 2020-12-17
    • 2021-11-23
    • 2021-06-27
    • 1970-01-01
    • 2019-03-21
    • 1970-01-01
    • 2021-06-17
    • 2019-04-17
    • 2019-03-16
    相关资源
    最近更新 更多