强制刷新当前页面

reload　-- 强迫浏览器刷新当前页面

location.reload([bForceGet])   //重新加载当前文档
bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace -- 通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL

location.replace(location.href);  //在服务端重新生成
当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。
如果有这种应用： 需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的。这里，location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

history.go(0)
location=location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
document.URL=location.href

this.$router.go(0)

vue中路由方法

location. reload()，this.$router.go(0) 这两种都可以刷新当前页面的，缺点就是相当于按ctrl+F5 强制刷新那种，整个页面重新加载，会出现一个瞬间的空白页面，体验不好

自动刷新页面

<meta http-equiv="refresh" content="20"> //每隔20秒刷新一次页面

页面自动跳转

<meta http-equiv="refresh" content="20;url="https://jackiehao.blog.csdn.net/"> //隔20秒后跳转到https://jackiehao.blog.csdn.net/页面

关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可

<body onload="opener.location.reload()">
开窗时刷新
<body onUnload="opener.location.reload()">
关闭时刷新

另辟蹊径

新建一个空白页面supplierAllBack.vue，点击确定的时候先跳转到这个空白页，然后再立马跳转回来

空白页supplierAllBack.vue里面的内容

这个方式，相比第一种不会出现一瞬间的空白页，只是地址栏有个快速的切换的过程，可采用

provide / inject 组合方式是我试过最实用的，下面用项目截图给大家说明下：首先，要修改下你的app.vue

通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，这边定义了

isRouterAlive //true or false 来控制

然后在需要当前页面刷新的页面中注入App.vue组件提供（provide）的 reload 依赖，然后直接用this.reload来调用就行

前端vue/js刷新浏览器页面方法-案例相关推荐

js刷新当前页面方法
js刷新当前页面 js刷新当前页面在写JS代码时,用到JS来刷新当前页面的方法有几种,比如最常用的reload(),location 等 reload 方法,该方法强迫浏览器刷新当前页面. 语法:l ...
java浏览器刷新页面_使用js刷新浏览器页面
reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) ...
js关闭浏览器页面方法
方法一: 再打开页面的是时候, 用新标签打开并给页面命名, 然后通过命名控制关闭 <!DOCTYPE html> <html lang="en"> < ...
前端vue js 高德地图实现雷达扫描加载，借鉴百度地图等方法，采用Canvas解决雷达背景透明度问题，解决Canvas动态指针扫描造成浏览器卡顿问题
前端vue js 高德地图实现雷达扫描加载,借鉴百度地图等方法,采用Canvas解决雷达背景透明度问题,解决Canvas动态指针扫描造成浏览器卡顿问题经过3天的尝试,借鉴了好几个博客的思路,开发了一 ...
js 刷新当前页面的方法 reload() , replace()的简单使用
本文为大家介绍三种 js 刷新当前页面的方法,我是在vue实例下写的: 添加定时器是为了直观看到刷新效果(每次刷新都会重置为0): reload() 方法; replace() 方法; 页面自动刷新; ...
Web前端-Vue.js必备框架（一）
Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head><meta char ...
菜鸟学习----前端vue.js学习01
菜鸟学习----前端vue.js学习01 项目使用vue.js脚手架,构建项目 1.vue.js构建登录框登录框架构使用element ui Tabs 标签页,构建基础样式.用户登录,二维码查询,编 ...
JS 刷新当前页面，JS 延迟跳转，HTML 弹出提示
JS刷新当前页面方法一 reload()方法用于刷新当前页面 reload() 方法类似于浏览器上的刷新页面按钮 location.reload(); 方法二 replace() 方法可用一个新页面 ...
Web前端-Vue.js必备框架（二）
Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过滤器,可被用作一些常见的文本格式化. mustache插值和v-bind表达式. vu ...

前端vue/js刷新浏览器页面方法-案例

强制刷新当前页面

自动刷新页面

另辟蹊径

前端vue/js刷新浏览器页面方法-案例相关推荐

最新文章

热门文章