概述
Vue退出功能的实现
基于token的方式实现退出比较简单，只要销毁本地的token即可。这样后续的请求就不会携带token，必须重新登录生成一个新的token之后才可以访问页面。
//清空token
window.sessionStorage.clear();
//跳转到登录页
this.$router.push("/login");
<template>
<div>
<el-button type="info" @click="logout">退出</el-button>
</div>
</template>
<script>
export default {
name: "Home",
methods:{
logout() {
//先清空session
window.sessionStorage.clear();
this.$router.push("/login");
}
}
}
</script>
最后
以上就是可爱便当为你收集整理的Vue退出功能的实现的全部内容，希望文章能够帮你解决Vue退出功能的实现所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复