Nuxt.js не может сослаться на значение магазина?

Я использую nuxt.js для реализации онлайн-торговли.

Я делаю что-то вроде следующего, чтобы проверить, вошел ли пользователь в систему или нет.

  • В моем заголовке я хотел бы определить отображение какой-либо части (например, точки, кнопки моей страницы и т. д.) Или нет по значению isSigned, которое является переменной логического типа. В моем случае я использую функцию computed в шаблоне.
  • В моем магазине vuex я хотел бы обновить сеанс (действие-мутацию) в 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. Спасибо.

не присваивайте значение при объявлении состояния хранилища, поэтому он будет работать нормально

Md Mahamudul Hasan 26.10.2018 07:42

Вы можете создать воспроизведение на template.nuxtjs.org?

Aldarund 29.10.2018 13:17

@Aldarund Спасибо. Я добавлю комментарий после того, как попробую этот сайт, он будет посвящен этим выходным.

Juneyoung Oh 30.10.2018 02:39
0
3
36
0

Другие вопросы по теме