[Vue] this.$router.go(0)在苹果手机刷新失败

于 2024-01-25 13:16:59 发布
阅读量729 收藏 9
点赞数 7
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maxueyingying/article/details/135839067
版权

vue中刷新当前页面使用this.$router.go(0)和window.location.reload()

this.r o u t e r . g o ( 0 ) 和 w i n d o w . l o c a t i o n . r e l o a d ( ) 都 是 刷 新 当 前 页 ，
但是this.router.go(0)，在苹果手机中无反应，
只能用js 原生的 window.location.reload() 方法刷新页面
将this.$router.go(0)换成window.location.reload()即可。

window.location.reload()
蓝胖子的多啦A梦
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
this.$router.go(0)；刷新当前页面在苹果手机失效的解决方法
qq_42780155的博客
03-09 2033
使用vue写H5页面时，用this.router.go(0);方法刷新当前页面在苹果手机失效，安卓机和pc端，开发工具等都是可行的；想到this.router.go(0);方法刷新当前页面 在苹果手机失效，安卓机和pc端，开发工具等都是可行的； 想到this.router.go(0);方法刷新当前页面在苹果手机失效，安卓机和pc端，开发工具等都是可行的；想到this.router.go(0)和window.location.reload()都是刷新当前页面的方法； 但是this.router.go(0)；方
UC7781内测浏览器
03-24
UC最新内测浏览器，很不错。全新体验。你可以下载安装看一看效果如何？
Vue项目路由刷新的实现代码
12-01
当vue单页面需要替换参数并刷新页面时，这个时候使用this.$router.push或this.$router.replace会发现路由改变了，但是页面上的数据并没有实时刷新。在网上找到了以下几种方法，亲测可用： this.$router.go(0) 在具体页面中，先通过this.$router.push或this.$router.replace替换路由，随后调用this.$router.go(0)，页面就会强制刷新，但是该强制刷新与F5刷新效果类似，页面会有空白时间，体验感不好； provide/inject 首先在app.vue页面中增加如下配置： <
解决vue.js this.$router.push无效的问题
10-18
今天小编就为大家分享一篇解决vue.js this.$router.push无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
this.$router.go(0)的作用
qq_45838276的博客
04-03 5802
this.$router.go(val) => 在history记录中前进或者后退val步，当val为0时刷新当前页面。
vue 刷新当前页面,使用this.$router.go(0)闪白问题（使用provide / inject）
細水、長流√的专栏
06-02 2268
当我们在项目的开发中，肯定会遇到做了某些操作(修改,删除)后需要刷新页面的时候平常的刷新页面的方法:上面的方法都是可以进行刷新但是屏幕都会闪白一下，体验极差解决这种问题使用的方法原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效修改APP.vue文件APP.vue 可以在页面中进行调用 注入reload方法 使用 this.reload()即可调用 参考博客: https://segmentfault.com/a/11900000170076
页面刷新 、nextTick
weixin_54256573的博客
03-27 603
应用场景：在写页面的时候，对于修改信息或者是修改表单数据时，页面所渲染的数据于要求实现与数据库信息同步，展示最新的数据，会用到数据刷新。 下面有三种方法： 写法简单可以实现效果： 第一种：this.$router.go(0) 第二种：location.reload() 注：前两种方法都是最直接的整个页面刷新，会出现一瞬间的空白，用户体验感不好 第三种最实用 推荐实用（地址栏路径不变，只是页面显示的是内容会刷新一下） 注：进行编辑操作，通过v-show控制input的显示与.
Vue------this.$router.back()、this.$router.go()的异同
COCOLI_BK的博客
05-27 5016
返回上一个页面： 1.$router.back() 2.$router.go() 区别点在于： go(-1): 原页面表单中的内容会丢失； this.$router.go(-1)：后退+刷新； this.$router.go(0)：刷新； this.$router.go(1) ：前进 back(): 原页表表单中的内容会保留；在返回界面传递参数； this.$router.back():后退 ； this.$router.back(0) 刷新； this.$router.back(1)：前进
解决vue项目中在safari中this.$router.go()失效的问题
热门推荐
lelehouse的博客
04-25 1万+
vue中可以刷新的几种方式： 1，this.router.go(0)。页面会一瞬间的白屏，体验不是很好，且safari不支持2，用vue−router重新路由到当前页面，（this.router.go(0)。页面会一瞬间的白屏，体验不是很好，且safari不支持 2，用vue-router重新路由到当前页面，（this.router.go(0)。页面会一瞬间的白屏，体验不是很好，且safari不支...
vue this.reload 方法 配置
01-19
1.场景 在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面，页面是不进行刷新的 2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好 3.解决方法 provide / inject 组合 作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。 我的项目配置： ①home.vue <router v-if=isReloadAlive></router>   
vue element 关闭当前tab 跳转到上一路由操作
11-20
方法一 this.$store.dispatch(‘delVisitedViews’, this.$route); this.$router.go(-1); 方法二 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1) this.$router.push(this.$store.state.tagsView.visitedViews[this.$store.sta
Vue中this.$router.push参数获取方法
11-26
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数：   通过name...
vue.js this.$router.push获取不到params参数问题
10-15
主要介绍了vue.js this.$router.push获取不到params参数问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue中的局部刷新
Harden3的博客
03-10 1263
局部刷新 刷新页面有很多种方式 1、this.$router.go(0) 这种方法页面会一瞬间的白屏，体验不是很好，虽然只是一行代码的事 2、location.reload() 这种也是一样，画面一闪，效果总不是很好 3,、 局部刷新，很好用 第一步：首先需要修改App.vue 第二步：到需要刷新的页面进行引用，使用inject导入引用reload，然后直接调用即可 ...
Vue this.$router.go(0) 刷新当前页面在苹果手机无效
grootbaby
03-11 2423
this.router.go(0) 和 window.location.reload() 都是刷新当前页面的方法 Vue 写H5页面时，用 this.$router.go(0);方法刷新当前页面，在苹果手机失效，安卓、pc、开发工具等都可以 改用window.location.reload()问题解决！ ...
this.router.go在苹果手机失效
rxjly的博客
04-13 376
换成window.location.reload()
vue关于页面刷新的几个方式
X-77
02-26 6714
实现页面刷新的几种方法！
vue项目刷新当前页面的三种方式(重载当前页面数据,个人推荐第三种)
qq_42267338的博客
07-12 1933
vue项目刷新当前页面的三种方式(重载当前页面数据,个人推荐第三种)
vue this.$router.push页面不刷新
最新发布
01-04
根据提供的引用内容，有多种解决方式可以解决vue this.$router.push页面不刷新的问题。以下是其中的三种解决方式： 1. 使用`this.$router.go(0)`方法刷新页面： ```javascript watch: { '$route' (to, from) { // 路由发生变化页面刷新 this.$router.go(0); } } ``` 2. 在`mounted`函数中调用需要刷新的方法： ```javascript watch: { '$route' (to, from) { // 在mounted函数执行的方法，放到该处 this.getTableData(); } } ``` 3. 使用`v-if`控制DOM来实现页面刷新： ```html <template> <div v-if="show"> <!-- 页面内容 --> </div> </template> <script> export default { data() { return { show: true }; }, watch: { '$route' (to, from) { // 路由发生变化时，修改show的值来刷新页面 this.show = false; this.$nextTick(() => { this.show = true; }); } } } </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值