vue项目 退出登录

2022-07-21 08:08:26

在这里插入图片描述
**退出登录怎么写?**如下,

显示部分

退出登录按钮(引用了svg格式的icon)

<van-cell  title="退出登录"@click="loginout"><div slot="icon"><svgclass="iconLeft" aria-hidden="true"><use xlink:href="#icon-Enable"></use></svg></div></van-cell>

处理部分
先获取账号用户的个人信息,在退出登录,跳转到登录页面

initData(){const d=getStore({name:'userData'});this.username=d.name;this.rolename=d.roleNames;},loginout(){// debugger
            axios.get(Config.baseUrl+'/f/auth/loginout').then(response=>{removeStore({name:"loginInfo"});removeStore({name:"sessionid"});removeStore({name:"userInfo"});removeStore({name:"userData"});this.$router.push('/loginout');});}

路由部分
映射是loginout,路径却是跳转到登录界面

{
    path:'/loginout',
    name:'loginout',
    component:()=>import('@/views/login'),},
  • 作者:三宝鸭
  • 原文链接:https://blog.csdn.net/qq_43542074/article/details/100538100
    更新时间:2022-07-21 08:08:26