nuxt.js无法参考储值?

时间:2018-10-26 02:35:31

标签: session vuex nuxt.js

我正在使用nuxt.js进行在线交易。

我正在执行类似以下操作,以检查用户是否登录。

  • 在我的标题中,想通过显示isSigned的值来确定是否显示某些部分(例如点,mypage按钮等),该值是布尔型变量。就我而言,我在模板中使用computed函数。
  • 在我的vuex存储中,想更新nuxtServerInit中的session(动作-变异),以便可以从API服务器重新分配值。

这是标头代码的一部分,检查computedisSign

computed : {
    isSign : function () {
        console.log('HEADER COMPUTED EXECUTED ISSIGNED', this.$store.state.session, new Date().getTime());
        return this.$store.state.session.signed;
    }
}

这里是对应的商店代码,处于变异状态。

export const mutations = {
  sessionUpdateSeccess : function (state, payload) {
    console.log('SESSION UPDATE SECCESS :: ', state, payload)
    state.signed = payload.signed;
    console.log('SESSION UPDATE SECCESS END :: ', state, payload, new Date().getTime())
  }
}

变异代码可以正常工作,但即使状态已更改,在标头组件中,signed的值仍为true

因此,我将打印每个进程的结束时间。

  • mutations:1540520171177
  • computed:1540520170690

到目前为止,我得出的结论是,我不应该在store中引用computed的值。

我想知道在nuxt中检查用户会话的常用方法。谢谢。

0 个答案:

没有答案