vue.js - Vue JS，如果用户通过身份验证则显示不同的菜单

Question

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

如果 authenticated==true 并显示不同的菜单元素，我如何检查每个页面？

(我正在使用 ssr)

谢谢

Answer 1

1. 设置 Vuex 状态 authenticated在登录时。
2. 请务必清楚，当您注销用户或应用程序正在启动时，您正在检查，例如如果 JWT 仍然有效。

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

4. 在您的模板中使用 <v-if> .

祝你好运!