vue3左侧二级菜单栏点击的退出登录？

Question

如何点击左侧菜单栏的退出的时候，退出登录状态，跳转到登陆页面

这个是我写的路由
如何实现这个功能

Answer 1

你的这个侧边栏应该是v-for的吧, 那就可以在遍历的结构里面加上判断,

其他标签也行, 样式需要调一下
<a v-if="path==='/homePage/quic'" @click="login"></a>
<a v-else></a>

里面可以先先显示登出提示弹窗, 点击确定在登出,
如果是用的elememntUI, 弹窗可以用弹窗

login () {
    
// 也可以直接调登出接口, 清除用户信息, 然后跳转到登录页:
    logout()
    // 也可以将其写在定时器里面, 定时器时间为0
    window.open(URL,'_self')
}

不过一般来说类似于后台管理这种结构的项目, 登出不建议写在侧边栏, 侧边栏都是作为为功能用的, 登出一般在顶部信息右上角, 非后台管理也是如此, 比如思否就是的, 功能与登出按钮要做距离与样式上的区分防止误触, 不明白为什么题主的为何那么设计