vue.js - Vue JS，如果用户验证，则显示其他菜单

登录后，我在store和localStorage中设置了"authenticated" = true变量。

如何检查每一页的authenticated==true并显示不同的菜单元素？

(我正在使用ssr)

谢谢

最佳答案

在登录时设置Vuex状态authenticated。

请务必清除以下信息:当您注销用户或应用正在启动时，您正在检查例如如果JWT仍然有效。

在需要该状态的组件中设置计算变量。computed() {authenticated () => { return this.$store.state.authenticated }}

在模板中将其与<v-if>一起使用。

祝好运!