javascript - vue 只刷新一次页面

Question

是否可以在创建或安装页面时重新加载页面或类似的东西？让我解释一下，我希望在加载页面时，我们必须激活location.reload()；但是如果我在created(), 或 onmounted()我会得到一个循环加载。相反，我只想第一次重新加载，所以我进入该页面并且页面只重新加载一次。

我试过：

 created() {
   if(this.reloaded == false) {
       location.reload();
       this.reloaded = true;
   }
 },
 data() {
   return {
     reloaded: false,
   };
 },

标签： javascriptvue.jslocationreload

Answer 1

因为您正在重新加载页面，所以您无法将状态存储在 Vue 实例中。相反，您可以将其存储在本地存储中：

export default {
 created() {
   const reloaded = localStorage.getItem('reloaded');
   if (reloaded !== 'true') {
       localStorage.setItem('reloaded', 'true');
       location.reload();
   }
 }
}