如何在未登录时删除全局侧边栏(vuetify)

Question

我想从登录和注册页面中删除侧边栏(菜单(。但这个侧边栏是全局的，所以我不能隐藏它。在侧边栏文件中有没有办法检查用户是否像使用cookie一样连接？

我正在使用vuex、vuetify和路由器。

事实上，我的侧边栏崩溃了，因为当请求用户(未连接(中没有数据时，侧边栏就无法显示。

computed: {
...mapGetters(['getUserData']), //It's null when not logged in

我想在做任何请求之前检查用户是否已连接，所以我应该从计算方法中删除mapGetters，然后再做，不是吗？

谢谢你的回答。

Answer 1

据我所知，如果用户没有登录，您需要隐藏一些组件、按钮或链接(无论您使用的是什么(。

如果用户未登录并且您想要隐藏，请尝试此操作：

<componentName v-if="!getUserData" />

我为登录用户和未登录用户使用了两个侧边栏。

我的项目：

// Component File (filename.vue)
<template>
<v-navigation-drawer v-if="user">
//...
</v-navigation-drawer>
<v-navigation-drawer v-if="!user">
//...
</v-navigation-drawer>
</template>

computed: {
...mapGetters(['isLoggedIn']),
...mapGetters(['user'])
},

我也在努力学习。我希望我的答案是正确的，而且有效。