龙空技术网

Vue3退出登陆

tianlongbabu 71

前言:

此时看官们对“js如何实现程序退出”大体比较关注,姐妹们都需要知道一些“js如何实现程序退出”的相关内容。那么小编在网络上搜集了一些对于“js如何实现程序退出””的相关内容,希望我们能喜欢,姐妹们快快来了解一下吧!

1.Layout.vue/index.vue

const confirm = () => {

console.log('用户要退出登录了')

// 退出登录业务逻辑实现

// 1.清除用户信息 触发action

userStore.clearUserInfo()

// 2.跳转到登录页

router.push('/login')

}

<el-popconfirm @confirm="confirm" title="确认退出吗?" confirm-button-text="确认" cancel-button-text="取消">

<template #reference>

<a href="javascript:;">退出登录</a>

</template>

</el-popconfirm>

2.退出时清除用户信息

// 退出时清除用户信息

const clearUserInfo = () => {

userInfo.value = {}

}

3.跳转到登录页

router.push('/login')

标签: #js如何实现程序退出 #js如何实现程序退出功能