#前端 两个不同的页面，在一个页面添加数据，另一个页面实现数据的刷新

两个不同的页面，在一个页面添加数据，另一个页面实现数据的刷新，现在就是不会自动刷新，必须去手动刷新才会出来新的数据

1、如果两个页面在同一个浏览器的话可以利用浏览器同域网页下的 localStorage操作会同步通知到 window.onstorage 事件的特性实现跨页面通信。
这样你在 A 页面修改数据的时候，可以实时通知 B 页面刷新数据

// A 网页
window.addEventListener("storage", function({key, newValue}){
    console.log([ key, newValue ]) // ["Event", "HolleWorld"]
})

// B 网页
localStorage.setItem("Event", "HolleWorld");

2、如果你的页面不在同一个浏览器的话，就只能采用以下两种方法了
2.1、定时刷新
2.2、利用网络通信来实时通知（WebSocket / Server-sent events / WebRTC）

有用望采纳

设置个页面定时刷新

 //第一种方法
//由于我们已经有了一个定时器，所以只要在定时器test中加入一句刷新页面的代码即可
function test(){
     h1.style.color = "red";
     h1.innerText = "我变化了";
     history.go(0);//可以换成上一篇博客的任何一种方法。
}
setInterval(test, 1000);

或者

<!--第二种方法-->
 <!--定时自动刷新，content表示刷新间隔，单位为秒s，下面代码表示页面每隔三秒刷新一次-->
<meta http-equiv="refresh" content="3">

把数据放在vuex中，
或者使用过keep-alive的话，就用onactive钩子函数

直接切换页面的时候重新调一次接口