Logout.vue

팡태(❁´◡`❁)·2022년 2월 14일
0

3rd_20220124

목록 보기
18/29
<template>
    <div>
    </div>
</template>

<script>
import { useRouter } from 'vue-router';
import { useStore } from 'vuex';
import { onMounted, nextTick } from 'vue';

export default {
    setup () {
        const router = useRouter();
        const store = useStore();

        onMounted( async () => { // F5 새로고침
            nextTick(() => { // 화면 렌더링 완료 후
                sessionStorage.removeItem("TOKEN");
                alert('로그아웃 되었습니다.');

                // 1. 주소창만 바뀜
                router.push({name:'Home'});
                    
                // 2. 메뉴활성화 
                store.commit("setMenu", "/");

                // 3. 로그인상태
                store.commit("setLogged", false);
            })
        });

        return {}
    }
}
</script>

<style lang="scss" scoped>
    @import url(../assets/mystyle.css);
</style>

0개의 댓글