Необходимо при успешном входе в систему перестать отображать роут авторизации
Компонент:
<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 роут так и продолжает мне быть виден.
