Почему не обновляется state после успешного получения данных?

Question

[Владимир Голубь]

Необходимо при успешном входе в систему перестать отображать роут авторизации

Компонент:

<template>
  <div id="app">
      <ul>
          <li v-if="login">
              <router-link to="/tickets">Билеты</router-link>
          </li>
          <li v-else>
              <router-link to="/authorization">Авторизация</router-link>
          </li>
      </ul>
      <router-view></router-view>
  </div>
</template>

<script>
export default {
    name: 'app',
    computed: {
        login() {
            return this.$store.authInfo
        }
    },
    components: {

    }
}
</script>

Обновление state:

const state = {
    authInfo: {}
};
const mutations = {
    loginSuccess(state, data) {
        console.log(data); // тут объект точно есть.
        state.authInfo = {...data}
    }
};

Проблема в том, что после записи в state роут так и продолжает мне быть виден.

Comments

[Михаил]

Что в this.$store.authInfo ?

Answer 1

[0xD34F]

return this.$store.authInfo

А может, всё-таки this.$store.state.authInfo?

Comments

[Артем Кондрацкий]

+ еще к тому же, надо получать значение не таким методом, а через getter

[0xD34F]

Артем Кондрацкий, не обязательно.

[Михаил]

0xD34F, в данном случае объект вернёт, так что логика с v-if не прокатит

[0xD34F]

Михаил, ха, точно, даже не смотрел, чо там в v-if написано.