vue 只刷新一次页面

Posted 2023-04-14

【中文标题】vue 只刷新一次页面

【英文标题】：vue refresh the page only once

【发布时间】：2021-05-03 10:44:01

【问题描述】：

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

我试过了：

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

【参考方案1】：

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

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