【发布时间】:2021-02-22 16:13:14
【问题描述】:
如何从nuxtjs应用中的匿名中间件访问组件的数据(如infos、similarPostsin this example)?
【问题讨论】:
-
是的,也许如果我们强制它,我们可以用其他方式(使用vuex或其他方式)来做,但我想直接做。
标签: javascript vue.js nuxt.js middleware
如何从nuxtjs应用中的匿名中间件访问组件的数据(如infos、similarPostsin this example)?
【问题讨论】:
标签: javascript vue.js nuxt.js middleware
您无法在中间件中访问 data,因为它在 data 绑定到页面之前运行,如 Nuxt 的 lifecycle 所示。
同时,感谢@987654322@ 或类似的路由器保护,您可以通过vm 访问data。
【讨论】:
尝试做这样的事情:
asyncData(context) {
// Do stuff with the context
return {
title: "My Title created from context"
}
}
asyncData 在加载页面组件之前运行,将在第一个请求时调用服务器端。这就是我一直在寻找的,因为我需要访问上下文对象,同时需要在客户端加载组件之前设置组件变量。
【讨论】: