Я использую nuxt.js
для осуществления онлайн-торговли.
Я делаю что-то подобное ниже, чтобы проверить, вошел пользователь или нет.
- В моем заголовке хотелось бы определить отображение какой-либо части (например, точки, кнопки моей страницы ... и т. Д.) Или нет по значению
isSigned
, которое является переменной логического типа. В моем случае я использую computed
функцию в шаблоне.
- В моем магазине vuex я хочу обновить сеанс (action-mutation) в
nuxtServerInit
, чтобы я мог переназначить значения с сервера API.
Вот часть кода заголовка, computed
для проверки isSign
.
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. Благодарю.