前端页面刷新

1.setTimeout定时刷新

注释：url是要刷新的页面URL地址
2000是等待时间2000ms

2.window.location

(1)window.location.assign()
window.location.assign(newURL)
window.location=newURL
当newURL为当前URL则刷新当前页面
window.location.assign(location)
window.location=location
location=location(省略window写法)
(2)window.location.reload()
重新载入当前文档，用于刷新当前文档，类似于在浏览器上的刷新页面按钮（F5刷新）
window.location.reload(true)
无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档（shift+F5强制刷新）
(3)window.location.replace()
重定向到新页面（浏览器url无前进后退按钮）
window.location.replace(newURL)
刷新当前页面
window.location.replace(location)
--location其他方法，无刷新当功能：
详情请参考：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/location
(4)window.location.search()
(5)window.location.hash()

3.window.history.go(0)

history.go()（省略window写法，刷新当前页面）

4.window.navigate()

window.navigate(location)方法是针对IE的，不适用于firefox

5.document.execCommand()

document.execCommand('Refresh')
document.execCommand('refresh')
firefox已经废弃document.execCommand()方法

6.document.URL

document.URL=location.href
该属性的值和DOM Level 0中的document.location.href 属性的值是相等的.然而 document.location.href 是可写的, document.URL 是只读的

7.

如果 content 只包含一个正整数，则为重新载入页面的时间间隔(秒)；
如果 content 包含一个正整数，并且后面跟着字符串 ';url=' 和一个合法的 URL，则是重定向到指定链接的时间间隔(秒)

3秒后重定向到https://www.mozilla.org

8.vuejs刷新当前页面

(1)window.reload(),location. reload()
(2)router.go(0),this.$router.go(0)
以上都可以刷新当前页面的，缺点就是相当于按ctrl+F5 强制刷新，整个页面重新加载，会出现一个瞬间的空白页面，体验不好
(3)provide / inject 组合 方式
A:在App.vue页面添加
dom:

js:

export default{
provide(){
   return {
     reload:this.reload
 }
},
data(){
  return {
    isRouterAlive:true
  }
},
methods:{
reload(){
this.isRouterAlive=false
  this.$nextTick(()=>{
   this.isRouterAlive=true
  })
 }
}
}

B:在当前需要刷新的页面

export default{
inject:['reload'],
}

在需要刷新的时候调用：
this.reload()