【问题标题】:Nuxtjs: Access the data of the component from anonymous middlewareNuxtjs:从匿名中间件访问组件的数据
【发布时间】:2021-02-22 16:13:14
【问题描述】:

如何从nuxtjs应用中的匿名中间件访问组件的数据(如infos、similarPostsin this example)?

【问题讨论】:

  • 是的,也许如果我们强制它,我们可以用其他方式(使用vuex或其他方式)来做,但我想直接做。

标签: javascript vue.js nuxt.js middleware


【解决方案1】:

您无法在中间件中访问 data,因为它在 data 绑定到页面之前运行,如 Nuxt 的 lifecycle 所示。

同时,感谢@​​987654322@ 或类似的路由器保护,您可以通过vm 访问data

【讨论】:

    【解决方案2】:

    尝试做这样的事情:

    asyncData(context) {
      // Do stuff with the context
      return {
        title: "My Title created from context"
      }
    }
    

    asyncData 在加载页面组件之前运行,将在第一个请求时调用服务器端。这就是我一直在寻找的,因为我需要访问上下文对象,同时需要在客户端加载组件之前设置组件变量。

    【讨论】:

      猜你喜欢
      • 2019-02-02
      • 2019-02-13
      • 2014-11-08
      • 2020-12-22
      • 2020-10-09
      • 1970-01-01
      • 2020-04-14
      • 2018-10-23
      • 2011-08-12
      相关资源
      最近更新 更多