Vue this.$router.go(0) 刷新当前页面在苹果手机无效

最新推荐文章于 2023-12-14 17:12:51 发布
最新推荐文章于 2023-12-14 17:12:51 发布
阅读量2.5k 收藏 4
点赞数 3
分类专栏： Vue Web FrontEnd 文章标签： reload location.reload router.go iOS 刷新当前页面失效 苹果手机刷新当前页面无效
_格鲁特宝宝原创，转载请务必注明出处
本文链接：https://blog.csdn.net/GrootBaby/article/details/114668612
版权

this.router.go(0) 和 window.location.reload() 都是刷新当前页面的方法

 

Vue 写H5页面时，用 this.$router.go(0); 方法刷新当前页面，在苹果手机失效，安卓、pc、开发工具等都可以

改用 window.location.reload() 问题解决！

 

 

 

_格鲁特宝宝
关注
专栏目录
Node.js学习笔记--进阶之路
JackieDYH的博客
05-10 1893
简介 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 6983
当我们在项目的开发中，肯定会遇到做了某些操作(修改,删除)后需要刷新页面的时候 平常的刷新页面的方法: this.$router.go() location.reload() 上面的方法都是可以进行刷新但是屏幕都会闪白一下，体验极差 解决这种问题使用的方法 使用provide / inject 原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效 修改APP.vue文件 APP.vue <template> <div i
this.$router.go(0)；刷新当前页面在苹果手机失效的解决方法
qq_42780155的博客
03-09 2139
使用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)；方
android刷新当前页面_关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决...
weixin_39622760的博客
11-23 304
问题：在vue中使用$this.router.push()方法，如果只是传入的参数不同，会出现url地址变化了，但是页面没有重新请求数据，需要刷新一下页面才有新的数据加载。原因：由于 Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行created, mounted之类的钩子, 这时候...
this.$router.go(0)在苹果手机刷新失败
z18511120547的博客
02-25 959
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项目中在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不支...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 2981
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
vue2+vue3
weixin_43460646的博客
11-15 976
本博客主要为coderwhy的Vue2网课 + 尚硅谷Vue2+Vue3网课，所整理记录的学习笔记，仅作学习用途，如有侵权，烦请联系本人侵删。同时感谢黑马、尚硅谷老师们的辛苦教导付出，如有不足之处，欢迎各位小伙伴、官老爷们多多提意见或建议，感谢！
vue、uniapp通过hbuilder打包成app后页面跳转无效，this.$Router不起作用。解决方案
wwppp987的博客
02-18 5750
this.$Router.push() uniapp 打包成app后发现跳转页面无效 this.$Router.replace() 也是 原因： 部分apk和ipa不支持history模式。 解决办法： 搜索 new Router关键词： 【一般是在】router/index.js当中， 将mode更改为'hash' 解析： 由于平时调整网页，我们习惯使用history模式调整，因为在hash模式的url当中会产生#号。 所以将 ...
页面刷新reload,go(0)区别
坑里水库的博客
04-30 6459
window.location.reload(false); 如果该方法没有规定参数默认参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。     如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档，这与用户单击浏览器的刷新按钮的效果是完全一样的。     如果把该方法的参数设置为
vue 框架this.$router.go(0) safari 浏览器不刷新
泥猴桃的博客
06-27 6040
this.$router.go(0)方法在safari 浏览器上不能刷新页面，vue 现在也没有解决这个问题。 后来百度一番发现也没有什么其他好的方法，只能用js 原生的 window.location.reload() 方法刷新页面 window.location.reload() ...
vue: 使用this.$router.go(0)刷新页面时，vuex中存储的值会丢失
amadeus_liu2的博客
02-19 456
vue
苹果浏览器进不去vue项目
sunxinshu的博客
02-15 327
【代码】苹果浏览器进不去vue项目。
Laravel路由设置
nexttrial的博客
04-05 515
Laravel路由设置 创建路由 路由的作用是在用户访问指定页面时将页面URL匹配到被执行的控制器或匿名函数。默认情况下，所有的Laravel路由都定义在app/Http/routes.php。 <?php use App\Task; use Illuminate\Http\Request; /** * Display All Tasks */ Route::get('/', function () { // }); /** * Add A New Task */ Route::
vue路由 vue-router 详解 0基础
Dark_programmer的博客
02-23 353
Vue-router 1、概念 什么是路由？ 根据用户请求的路径来展示不同的页面或返回不同的数据 2、路由的分类 前端路由 后端路由 前端路由： 根据用户请求不同的url来展示不同的页面或者数据，前端路由是不会涉及到后端请求的，以及页面不会进行刷新，对于用户来说体验比较好，一般是用来做单页面开发( SPA )的。前端路由的底层原理：hashchange和H5的history API中的popS...
vue刷新当前页面
Web面试那些事儿的博客
12-14 475
通过和都可以实现页面刷新,它利用浏览器刷新功能,相当于按下了f5键刷新页面优点:足够简单缺点:会出现页面空白,用户体验不好通过方法,跳转一个空白页面,然后再调回之前页面,它利用vue-router切换页面会把页面销毁并新建新页面的特性优点:不会出现页面空白,用户体验好缺点:地址栏会出现快速切换的过程通过在父页面的上添加v-if的控制来销毁和重新创建页面的方式刷新页面,并且用到provide和inject实现多层级组件通信方式,父页面通过provide提供reload方法,子页面通过inject获取。
js刷新页面的几种方法
热门推荐
图解前端的博客
05-14 3万+
在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢？ reload刷新法 reload方法，用来强制浏览器刷新当前页面。语法： loaction.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 ...
解决 VUE 微信 IOS 路由跳转问题
weixin_30740581的博客
09-27 2264
watch: { "$route"(){ if (/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)) { location.href = 'localhost:8081/mob/#' + this.$route.path } }, }, 转载于:https://www.cnb...
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> ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_格鲁特宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值