Nuxt js 客户端特定布局加载

Question

我正在使用 nuxtjs 根据特定值设置自定义主题（例如：token，client_id 等） 我面临的问题是，在 nuxt 布局上下文中找不到 vuex.$store 值。可以做什么？

示例代码：

layout(ctx) {
      console.log(ctx.theme_val)
      return this.$store.state.theme_val == 2 ? 'bg1' : 'bg2'

    }

Answer 1

您需要从 context 获取商店。

layout(ctx) {
   return ctx.store.state.theme_val == 2 ? 'bg1' : 'bg2'
}