如何在页面重新加载后保留数据并在下一个选项卡或浏览器关闭时删除

Question

我需要在页面重新加载时保留数据，但它应该在浏览器关闭时杀死数据。在下一个选项卡上，相同的 URL 也不应显示数据。这意味着只有在页面重新加载后我才需要同一选项卡上的数据。

我尝试使用 persist，但它也会在浏览器关闭后保留数据。

Answer 1

如果您想在重新加载页面时保留数据，并且数据在另一个页面上或关闭第一个页面后被删除，可以使用客户端会话存储的解决方案。

    if (sessionStorage.getItem('yourData')) {
    var data = sessionStorage.getItem('yourData');
    } else {
    var data = 'some data';
    sessionStorage.setItem('yourData', data);
    }

    window.addEventListener('beforeunload', function() {
        sessionStorage.removeItem('yourData');
    });

有了这个，即使重新加载，您也可以将数据保留在单个页面上。其他页面不会有此页面的任何数据。