this.$router.go(0)；刷新当前页面在苹果手机失效的解决方法

最新推荐文章于 2024-01-25 13:16:59 发布
最新推荐文章于 2024-01-25 13:16:59 发布
阅读量2.1k 收藏 4
点赞数
分类专栏： 前端技术分享 文章标签： ios 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42780155/article/details/114588333
版权

使用vue写H5页面时，用this. r o u t e r . g o ( 0 ) ; 方 法 刷 新 当 前 页 面 ； 在 苹 果 手 机 失 效 ， 安 卓 机 和 p c 端 ， 开 发 工 具 等 都 是 可 行 的 ； 想 到 t h i s . router.go(0);方法刷新当前页面； 在苹果手机失效，安卓机和pc端，开发工具等都是可行的； 想到this. router.go(0);方法刷新当前页面；在苹果手机失效，安卓机和pc端，开发工具等都是可行的；想到this.router.go(0)和window.location.reload()都是刷新当前页面的方法；
但是this. r o u t e r . g o ( 0 ) ； 方 法 在 苹 果 手 机 中 失 效 ； 于 是 将 t h i s . router.go(0)；方法在苹果手机中失效；于是将this. router.go(0)；方法在苹果手机中失效；于是将this.router.go(0)；换成window.location.reload()便好了！欧耶o(￣▽￣)ブ

婷婷心慌
关注
专栏目录
Node.js学习笔记--进阶之路
JackieDYH的博客
05-10 1861
简介 Node 是一个软件, 可以脱离浏览器, 独立执行JS文件 Node实现了ECMAScript标准, 所以语言跟JavaScript基本一致 因为想成为全栈开发(前后端都可以的大拿) PHP等语言是阻塞的, 性能不如nodeJS node是事件驱动, 非阻塞的 Node中是大量的, 事件和回调函数 单线程（主线程单线程，后台I/O线程池） 跨平台 (Node软件可以安装在window系统/linux系统/mac系统/等等) 安装Node ...
vue 刷新当前页面,使用this.$router.go(0)闪白问题（使用provide / inject）
qq_45632139的博客
05-24 6948
当我们在项目的开发中，肯定会遇到做了某些操作(修改,删除)后需要刷新页面的时候 平常的刷新页面的方法: this.$router.go() location.reload() 上面的方法都是可以进行刷新但是屏幕都会闪白一下，体验极差 解决这种问题使用的方法 使用provide / inject 原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效 修改APP.vue文件 APP.vue <template> <div i
[Vue] this.$router.go(0)在苹果手机刷新失败
最新发布
蓝胖子的博客
01-25 887
[Vue] this.$router.go(0)在苹果手机刷新失败
this.$router.go(0)在苹果手机刷新失败
z18511120547的博客
02-25 945
vue中刷新当前页面this.$router.go(0)和window.location.reload() this.router.go(0)和window.location.reload()都是刷新当前页，但是this.router.go(0)和window.location.reload()都是刷新当前页，但是this.router.go(0)和window.location.reload()都是刷新当前页，但是this.router.go(0)，在苹果手机中无反应，将this.$router.go(0
Vue this.$router.go(0) 刷新当前页面在苹果手机无效
grootbaby
03-11 2484
this.router.go(0) 和 window.location.reload() 都是刷新当前页面的方法 Vue 写H5页面时，用 this.$router.go(0);方法刷新当前页面，在苹果手机失效，安卓、pc、开发工具等都可以 改用window.location.reload()问题解决！ ...
解决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不支...
【无标题】this.$router.go(0
qq_44051062的博客
03-23 384
this.router.go(0)方法在safaribugthis.router.go(0)方法在safari bug this.router.go(0)方法在safaribugthis.router.go(0)方法在safari 浏览器上不能刷新页面，vue 现在也没有解决这个问题。 后来百度一番发现也没有什么其他好的方法，只能用js 原生的 window.location.reload() 方法刷新页面 window.location.reload() 转载 ：https://www.cnblogs.c
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 2931
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
苹果手机兼容性问题 vant 里面的 Swipe异常，Tabs消失
zhaofeiweb的博客
12-01 2805
1.首先说明的现象进入详情页返回的时候，红色区块消失，swip组件滑动效果消失 刷新页面纠正了，所以就找刷新页面的方法 1.localtion.reload() 和this.$router.go(0) 页面会出现闪烁 2.新建空白页跳转，然后再重空白页跳转回来 但是又出现问题了 从top页返回不到A页面，top和empty页面出现了死循环，你会问为什么不做个判断让他跳转到A页面呢，首先我们这个是模块打包，A和我现在这个不是一个模块，所以返回到A以后等还是有问题 3.provide /.
vant+vue移动端this.$router.go(-1)在安卓上不生效问题
anny_mei的博客
05-29 819
vant+vue移动端this.$router.go(-1)在安卓上不生效问题
this.$router.go(0)的作用
qq_45838276的博客
04-03 5947
this.$router.go(val) => 在history记录中前进或者后退val步，当val为0时刷新当前页面。
解决vue跳转页面不刷新问题
leng0920的博客
07-22 3276
1.问题： 我们常常需要使用$router.go(-1)返回之前的页面，但是却发现， 之前的界面，保持着上次跳转的状态 1 2 2.原因： 使用$router.go(-1)返回，之前的数据都保留，并未刷新原来的界面 1 3.解决方案： 使用：$router.push({ name: "模块名"});//重新打开页面 在原页面watch中，对router进行监控，当router发生变化时，执行初始化界面方法： watch: { '$route' () { this._initData(...
vue 使用this.$router.replace、this.$router.go、this.$router.push 等进行页面跳转不生效
絮落锦乡的博客
03-27 8655
一、问题描述 vue 在使用页面跳转的时候，发现页面总是不调转，或者地址变了，页面不刷新等问题 二、解决方案 1、排查页面是否使用了beforeRouteLeave ，如果使用了该函数，意味着路由被拦截下来进行处理了，这个时候做完逻辑处理后必须要加上 next() 函数，才能让路由继续跳转，否则页面将不会跳转。 2、排查页面是否报错，哪个方法未定义。 3、检查路由配置是否正常。 ...
vue-router中push、replace、go的区别
qq_58152436的博客
05-20 1191
router.push('要跳转的路径')会向history栈中添加新的记录，当点击回退时，会回到之前的url，即回到根路径。router.replace（‘要跳转的路劲’）它的作用是替换当前的history记录。router.go(-1):后退和刷新。router.go(0):刷新。router.go(1):前进。
vue、uniapp通过hbuilder打包成app后页面跳转无效，this.$Router不起作用。解决方案
wwppp987的博客
02-18 5713
this.$Router.push() uniapp 打包成app后发现跳转页面无效 this.$Router.replace() 也是 原因： 部分apk和ipa不支持history模式。 解决办法： 搜索 new Router关键词： 【一般是在】router/index.js当中， 将mode更改为'hash' 解析： 由于平时调整网页，我们习惯使用history模式调整，因为在hash模式的url当中会产生#号。 所以将 ...
vue路由跳转页面不刷新、this.$router.go(-1)不生效
黑玫瑰
07-12 8168
vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下： 一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...
【Vue】监控路由与路由参数, 刷新当前页面数据的几种方法
慕白Lee的博客
09-27 1万+
在这个示例中，我们在组件的`data`选项中定义了一个`monitoredParam`属性，用于存储监控的参数值。当监控的参数发生变化时，`watch`函数会被触发，将新的参数值保存到组件的`monitoredParam`属性中。在这个示例中，我们在组件的`data`选项中定义了一个`monitoredRoute`属性，用于存储监控的路由信息。当路由发生变化时，`watch`函数会被触发，将新的路由信息保存到组件的`monitoredRoute`属性中。
router.push不刷新（8种解决方案）
热门推荐
leveretz的博客
11-13 1万+
router.push不刷新（8种解决方案）
this.$router.push 当前页面不刷新
01-19
this.$router.push 当前页面不刷新的解决方式有以下几种： 1. 使用router.replace()方法代替this.$router.push()方法，这样可以实现跳转但不刷新页面。 ```javascript this.$router.replace('/path') ``` 2. 在this.$router.push()方法中添加一个随机参数，例如时间戳，以确保每次跳转都是一个新的URL，从而达到不刷新页面的效果。 ```javascript this.$router.push({ path: '/path', query: { timestamp: new Date().getTime() } }) ``` 3. 使用this.$router.go(0)方法刷新当前页面，该方法会重新加载当前页面，实现页面刷新的效果。 ```javascript this.$router.go(0) ``` 4. 在router-view组件上添加一个唯一的key属性，当路由发生变化时，key属性的变化会导致组件重新渲染，从而实现页面刷新的效果。 ```html <router-view :key="$route.fullPath"></router-view> ``` 5. 使用watch监听$route对象的变化，当路由发生变化时，执行相应的操作，例如重新获取数据或刷新页面。 ```javascript watch: { $route(to, from) { // 执行相应的操作 } } ``` 6. 使用beforeRouteUpdate钩子函数，在路由更新之前执行相应的操作，例如重新获取数据或刷新页面。 ```javascript beforeRouteUpdate(to, from, next) { // 执行相应的操作 next() } ``` 7. 使用activated钩子函数，在组件被激活时执行相应的操作，例如重新获取数据或刷新页面。 ```javascript activated() { // 执行相应的操作 } ``` 8. 使用keep-alive组件将需要保持状态的组件包裹起来，这样在路由切换时，组件的状态会被保留，从而实现页面不刷新的效果。 ```html <keep-alive> <router-view></router-view> </keep-alive> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值