vue刷新当前页面android可以但ios无反应（微信浏览器）

最新推荐文章于 2024-07-07 02:06:42 发布

原创最新推荐文章于 2024-07-07 02:06:42 发布 · 939 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #ui

前端开发专栏收录该内容

5 篇文章

订阅专栏

在iOS设备上遇到Vue应用刷新页面无响应的问题。原使用`this.$route.go(0)`方法无效。解决方案包括：全局页面刷新，使用`location.reload()`，兼容iOS和安卓；以及局部刷新，通过reloadinject注入方法。测试表明，这两种方法在微信浏览器中均能正常工作。

vue刷新当前页面android可以但ios无反应

楼主一开始使用的是：

this.$route.go(0)

但出现了ios无相应的情况，在网上找到了两种解决方案，欢迎大家补充。

整个页面刷新，会白屏一下

location.reload()

亲测安卓和ios都可以兼容（微信浏览器）

局部无感刷新

使用reload inject注入的方法，网上一大堆，在此不赘述。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

九乡河码豚

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

记两个ios的bug：日期问题和奇葩的vue 点击无响应问题

凝视深渊

09-06

2765

目录 new Date()– invalid Date vue @click 点击经常无响应 new Date()– invalid Date ios 不认’2018-12-12’的’-‘, 也不认日期与事件之间的空格，需要在字符串用new Date()转化为日期时，replace一下 const dateString = '2010-11-29 11:11:11' const ...

移动端下拉刷新，兼容ios，Android及微信浏览器

CalmHarbin的博客

09-03

4412

先看一下效果图下拉效果的样子参考的新浪微博,滚动加载是ydui的滚动加载组件因为滚动加载使用的ydui的组件,我这里便不再累述首先分析下拉刷新是怎么实现的 1.页面滚动到顶部时,用户手指向下拖动 2.页面整体开始随着手指向下移动,同时出现下拉的动画 3.用户拖动超过指定长度之后松开手指,页面开始回弹并且执行加载中的动画 4.加载完成之后执行结束的动画实现原理一、touchstart事...

1 条评论您还未登录，请先登录后发表或查看评论

vue微信内IOS刷新当前页面无效

niesiyuan000的博客

06-18

1999

运行在微信浏览器中的Vue项目，当需要用户主动对页面进行刷新时，会遇到如下问题： 1.微信不支持location.reload()方法，在微信浏览器中会失效 2.Vue中的路由跳转是类似于ajax局部刷新，因此使用location.href=‘xxx+时间戳’ 这种方法时，页面不会重载 3.Vue自带的this.$router.go(0)无效 4.history.go(0)无效解决办法 ...

android刷新当前页面_关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决...

weixin_39622760的博客

11-23

356

问题：在vue中使用$this.router.push()方法，如果只是传入的参数不同，会出现url地址变化了，但是页面没有重新请求数据，需要刷新一下页面才有新的数据加载。原因：由于 Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行created, mounted之类的钩子, 这时候...

uniapp 之 nvue 填坑之路 —— 在 ios 真机运行时在 page.json 下给 nvue 页面配置 pullToRefresh 下拉刷新会导致 app 卡死

Gochan_Tao的博客

06-14

2533

在 ios 真机运行下，给 nvue 页面配置 pullToRefresh 会导致 app 卡死退出，其他情况正常，即 android 真机运行环境以及 vue 页面正常解决方法：去掉 nvue 页面的 pullToRefresh 配置即可 ...

IOS上从第三方页面回跳VUE页面页面不刷新问题

小圣贤君的博客

03-11

2329

情景描述： IOS系统环境下，从微信的vue页面A中跳转到第三方页面B，然后点击浏览器返回按钮返回A页面。问题描述： IOS系统下，A页面没有刷新；Android正常刷新。问题解决：在A页面mounted中添加如下方法： window.onpageshow = function(e) { console.log("执行了onpageshow"); if ( ...

详解IOS微信上Vue单页面应用JSSDK签名失败解决方案

12-10

在iOS上的微信环境中，Vue单页面应用（SPA）在使用Vue-Router的history模式时，调用微信JSSDK的相关API，如扫码、分享等，可能会遇到签名失败的问题。这是因为Vue-Router在进行路由切换时，会操作浏览器的历史记录，...

vue 微信分享回调iOS和安卓回调出现错误的解决

10-14

在开发基于Vue.js的微信H5页面时，微信分享功能可能会遇到一些特定的挑战，特别是在iOS和Android设备上。本文将深入探讨如何解决Vue微信分享回调在iOS和Android上遇到的错误。首先，为了实现微信分享，我们需要在...

vue微信浏览器安卓正常 ios config 报错 “errMsg“:“config:invalid问题

^_^

02-25

1270

最近使用了wx-js-sdk，对接了一下微信环境下的功能，在使用wx.config中android 上可以config ok 的但换到苹果上报出invalid signature的错误。微信给的方法就是使用hash /苦笑 ^_^ 微信也提到过不会存在这个问题，但是23年也遇见了 /苦笑 ^_^ 看了下github中的issue 提出问题在 2016年...2. ios访问只记录第一次的页面，跳转页面时页面不会改变（刷新及正常），android 正常。微信官网在之前版本也描述过。

微信invalid signature，微信IOS分享失效，微信刷新之后IOS不能分享，spa单页面微信分享，wx.ready不执行？

啥也不会只能CV

10-16

2662

微信的坑，哭着也要填完。小白选手刚接触微信公众号网页，产品出来个需求，要求h5网页在任何页面都可以分享，并且分享的内容是自定义的（B端配置），我一听这还不简单，微信官方文档里写的明明白白，好说。我用的是vue2版本+微信的jssdk是npm安装的1.4.0的版本。使用的是vue-router的< history >模式。大概有ABCD四个页面吧。自己想的很美好，也上网查阅了前辈们说的大概意思就是： ios页面在根目录下执行一次config接口注入权限验证配置 Android页面每个页面都执

VUE 中 IOS 返回上一页，不触发刷新页面

qq_16088377的博客

05-30

942

在返回到的页面mounted中，输入一下代码。

vuerouter ios跳转失效

热门推荐

weixin_41219240的博客

10-26

1万+

在做项目时给button添加click事件，发现没反应，但另外写了一个button添加同样的事件，却能触发。原因是使用了better-scroll，默认它会阻止touch事件。所以在配置中需要加上click: true 例： mounted(){ this.scroll=new Bscroll(this.$refs.wrapper, { mouseWheel: true, click: ...

VUE前端界面在iOS中遇到的坑

qq_40110368的博客

04-20

2125

前段时间，公司用前端做了一个微型图片生成界面，通过考虑，选择使用vue多页面进行编写，在界面编写完成之后，本地浏览器进行测试，发现一切都很顺利，然后嵌入到APP端进行联合测试。前期，界面在Android上运行比较顺利，个人以为没什么问题，但是当页面嵌入到iOS中，问题暴露了出来，主要体现在三点上：1、界面使用了瀑布流滑动效果，但是在iOS上滑动效果非常的差，会出现卡顿现象...

vue项目微信H5页面,解决IOS端第一次调取微信扫一扫失败,需要需要刷新页面后才能成功的问题

JCAL123的博客

06-05

3048

vue项目微信H5页面,解决IOS端第一次调取微信扫一扫失败,需要需要刷新页面后才能成功的问题在App.vue文件中获取到页面到URL (微信调取扫一扫会用到) URL = location.href.split('#')[0] 可以用缓存记住这个URL在调取微信扫一扫到时候再取出来使用即获取签名等信息的时候 try { let res = await this.$http.post('pay/signJsApi',{ url: URL //上面记住的URL

vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码

qq_39650208的博客

06-01

1881

最近在做项目，有一个需要长按二维码，直接识别二维码来关注公众号，写好以后，安卓手机可以使用，但是苹果手机长按没有一点反应，就去查找解决方法，找了很多，有说 1、是存放二维码的页面，不要放多个； 2、还有是说，放二维码的页面不能有position：fixed（固定定位）； 3、是index.html页面meta缩放问题了； 4、什么history模式了； 5、什么在img父元素div加背景二维码图片了以上这些方法，除了第二种，其他都已经尝试，没有达到效果。我的项目是，父组件里面调用了子组件，

关于vue移动端 ios 的兼容问题

weixin_30667649的博客

05-23

1698

最近在做微信公众号web页面遇到了以下的问题,关于ios，准确的说是safari浏览器的问题 1.关于cookie携带的问题这方面可以查看微信公众平台的技术文档的微信网页开发的iOS WKWebview 网页开发适配指南中找到答案文档中描述 1\跨域存取Cookie问题说明：在访问一个页面A时，如果页面A引用了另一个页面B的资源（页面A和B为不同的域名），这时页面B就被认为是第三方页面...

vue 使用微信JSSDK，在IOS端会授权出错

02-25

764

原因： vue-router切换的时候操作的都是浏览器的历史记录，iOS会把第一次刚进入时的URL作为真实URL，安卓会把当前URL作为真实URL。所以导致后端在配置好的授权参数获得的config参数和微信sdk获取的参数是不一样的。解决方案：修改路由 index.js { path: '/namecheck', component: NameCheck, b...

Vue开发微信H5分享在IOS上签名失败的解决策略

"Vue开发微信H5页面时，遇到在Android设备上微信分享签名正常，但在iOS设备上签名失效的问题。问题主要出现在Vue项目中使用History模式的路由。分享需求是从首页进入活动详情页，并在详情页分享内容，通常采用params...