仅在已安装的情况下在 vue 中重新加载页面

Question

当用户访问页面时，我希望页面只刷新一次。

但如果我将 location.reload() 放在 mounted() 中。它触发无限循环页面重新加载

Answer 1

您只需要想出一种有条件地重新加载页面的方法，以避免无限重新加载。

一种方法是在本地存储中设置一个值：

mounted() {
    if (localStorage.getItem('reloaded')) {
        // The page was just reloaded. Clear the value from local storage
        // so that it will reload the next time this page is visited.
        localStorage.removeItem('reloaded');
    } else {
        // Set a flag so that we know not to reload the page twice.
        localStorage.setItem('reloaded', '1');
        location.reload();
    }
}