问如何跨页维护按钮状态？

EN

您可以使用会话存储来存储当前会话的页面登录状态。

sessionStorage.setItem('isLoggedIn', true);

在显示按钮时获取登录状态：

var isLoggedIn = sessionStorage.getItem('isLoggedIn');

if(isLoggedIn) {
   //code for logged-in users
}

了解会话存储的要点：

• 只要浏览器处于打开状态，页面会话就会持续，并在页面重新加载和还原过程中存活下来。
• 在新的选项卡或窗口中打开页面将创建一个具有顶级浏览上下文值的新会话，这与会话cookie的工作方式不同。
• 使用相同的URL打开多个选项卡/窗口将为每个选项卡/窗口创建sessionStorage。
• 关闭选项卡/窗口结束会话并清除sessionStorage中的对象。

您可以使用localStorage作为一个变量(如isLoggedIn )保存，该变量将在不同的路由和刷新时持久化。当您想要保存

window.localStorage.set("isLoggedIn", "true");

当您想要检查他们是否已登录时

const isLoggedIn = window.localStorage.get("isLoggedIn");