vue 退出登录 清除localStorage

vue 退出登录 清除localStorage

在vue登录的时候我们会保持状态 如下：

methods: {
        login(){
            this.axios.post('users/login/',this.form).then(res=>{
                console.log(res.data)
                if(res.data.code == 200){
                    localStorage.setItem('userid',res.data.userid)
                    localStorage.setItem('username',res.data.username)
                    localStorage.setItem('mobile',res.data.mobile)
                    this.$router.push({
                        name:'Index'
                    })
                }
            })
        }
    },

此时 浏览器中会将状态保存

当退出账号 我们就需要 清除状态保持

<template>
	<div>
		<a @click="exit" >退出a>
	div>
template>
<script>
import axios from 'axios'
export default {
    props: {
        passUser:{

        }
    },
    data() {
        return {

        }
    },
    methods: {
        exit(){
        	// 清除状态保持
            window.localStorage.clear()
            // 状态保持清除后刷新页面
            window.location.reload()

        }
    },
    created() {

    }
}
script>

<style scoped>

style>