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>

vue 退出登录清除localStorage相关推荐

vue 上次登录时间_vue实现登录之后长时间未操作，退出登录
效果如下: vue实现用户登录系统之后,长时间未操作,提示登录超时,直接退出登录,跳转至登录页面. app.vue: import {mapActions } from 'vuex'; import ...
VUE实现长时间未操作退出登录
背景:在现在大多系统中,为了保障用户的安全,都会有固定时间未操作则自动退出登录的功能,这里根据我目前了解的内容大致实现一个简单的. 我的想法是这样,通过对定时器setTimeOut的使用,来进行倒计时 ...
vue实现登录、注册、退出、跳转等功能，简单实用
目录效果图1: 效果图2: 效果图3: 效果图4: 完整实例: 效果图1: 效果图2: 效果图3: 效果图4: 完整实例: <!DOCTYPE html> <html>< ...
uni.app小程序登录页持久化存储和退出后清除本地缓存
持久化存储在store里面的user.js(自己创建的)中 export default {state: {status: false, //登录的状态,获取数据中status是1,登录成功时状态为 ...
vue 离开页面时间_vue 前端页面无操作时，系统退出登录的定时器设计
一.背景我们平时做系统为了保证用户操作数据的安全性,很多时候当用户长时间不再操作电脑的时候,应该给用户自动退出系统,这样可以防止有别人使用电脑操作上一个用户的数据. 二.设计想法监听鼠标移动以及键盘 ...
微信小程序清除缓存/退出登录
小程序wxml页面: <view><button bindtap="clear">退出登录</button> </view> 小程序 ...
【Android项目实战 | 从零开始写app(十三)】实现用户中心模块清除token退出登录信息修改等功能
五一后,被ji金伤了,哇呜呜,还是得苦逼老老实实打工写代码,看下面吧本篇实现效果: 实现登录用户名展示到用户中心页面上,并且页面有个人信息,订单列表,修改密码,意见反馈发送到服务端,前面登录后,通过 ...
微信小程序：清除缓存，退出登录
清除缓存,退出登录 js Page({//清除缓存,退出登录clear: function () {wx.clearStorageSync(); //清除缓存wx.showToast({title: ...
SpringBoot+Vue+Jpa+Redis实现单点登录(一处登录，另一处退出登录)
SpringBoot+Vue+Redis实现单点登录(一处登录,另一处退出登录) 一.需求实现用户在浏览器登录后,跳转到其他页面,当用户在其它地方又登录时,前面用户登录的页面退出登录(列如qq挤号那 ...
vue java实现登录_SpringBoot+Vue+Redis实现单点登录(一处登录另一处退出登录)
一.需求实现用户在浏览器登录后,跳转到其他页面,当用户在其它地方又登录时,前面用户登录的页面退出登录(列如qq挤号那种方式) 二.实现思路用户在前端填写用户信息登录后,后台接收数据先去数据库进行判 ...

vue 退出登录清除localStorage

vue 退出登录清除localStorage

vue 退出登录清除localStorage相关推荐

最新文章

热门文章

vue 退出登录 清除localStorage

vue 退出登录 清除localStorage

vue 退出登录 清除localStorage相关推荐

最新文章

热门文章

vue 退出登录清除localStorage

vue 退出登录清除localStorage

vue 退出登录清除localStorage相关推荐