vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...

在iphoneX及以上版本从外链回退不触发事件，7P，7没发现这个bug

安卓上自测没有发现这个问题

最近做项目中发现了一个问题，iphoneX及以上版本从当前vue应用中跳转到外部链接然后在回退到vue应用里面，beforeRouterEnter没有被触发。

由于在其他手机上测试没有问题，所以一开始我以为代码写的有问题，然后就开始漫长的找坑之路，后来我将事件放到了created、mounted里面也没有执行代码，那就证明有可能页面被缓存了，所以这些钩子没有触发。

所以百度了一下，找到了onpageshow这个事件

onpageshow 事件在用户浏览网页时触发。

onpageshow 事件类似于onload事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。

也就是当页面显示到前台的时候就触发pageshow这个事件，所以我就在created里面注册了这个事件并将要执行的代码写进去，再次真机调试之后发现解决这个问题了。

created () {

window.addEventListener('pageshow', () => {

//外链回退到vue应用要执行的代码

})

}

记录下来避免以后再次跳坑

关于找一找教程网

本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。

[从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题]http://www.zyiz.net/tech/detail-133959.html

vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...相关推荐

vue函数如何调用其他函数?_从源码中学Vue（一）生命周期中的钩子函数的那点事儿...
欢迎来到我的<从源码中学Vue>专题系列文章,更多精彩内容持续更新中,欢迎关注 :) Vue作为当下前端最流行的框架之一,在国内占绝对的优势.所以接下来我们一起来学习它吧! 我不会像其它人 ...
一次性搞懂Vue生命周期的八大钩子函数
何为钩子函数?先看官方文档的说法: 每个 Vue 实例在被创建时都要经过一系列的初始化过程--例如,需要设置数据监听.编译模板.将实例挂载到 DOM 并在数据变化时更新 DOM 等.同时在这个过程中也 ...
vue.js框架的生命周期：常用钩子函数
//组件实例化之前执行的函数 beforeCreate:function () { alert("组件实例化之前执行的函数") }, //组件实例化完毕执行的函数 created: ...
vue生命周期方法（钩子函数）初始化数据一般写在哪里
created(el没有初始化,数据已加载完成):mounted(el没有初始化,数据已加载完成): mounted(el没有初始化,数据已加载完成):mounted(el已被初始化,数据已加载完成) ...
vue手机端布局纵向布局_Vue中的黄金布局集成
vue手机端布局纵向布局金色的布局 (vue-golden-layout) Integration of the golden-layout to Vue. 将黄金布局整合到Vue. 安装 (Ins ...
vue手机端开发聚焦不灵敏
vue手机端开发聚焦不灵敏前置: 手机端开发时有时使用UI框架中的输入框或者文本域在点击的时候聚焦不是很快速.因为一是有的控件带有动画过度效果,二是移动设备的屏幕点击事件大多会延迟300ms左右才会 ...
vue手机端回退_推荐3个快速开发平台前后端都有接私活又有着落了
经常性逛github,发现了一些优秀的开源项目,其中的框架及代码非常不错,现在给大家推荐三个快速开发平台. 第一个就是优秀的Jeecg-boot快速开发平台前端采用阿里的ant-design-vue ...
vue手机端回退_华为官方教程：以 P40 为例，鸿蒙 OS 2.0 Beta 版本回退到 EMUI 11 稳定版...
12月16日,华为举行 HarmonyOS 2.0 手机开发者 Beta 活动.现场正式发布了 HarmonyOS 2.0 手机开发者 Beta 版本.同时,HarmonyOS 2.0 手机开发者 B ...
vue 手机端答题页面_从0开始，手把手教你用Vue开发一个答题App
项目演示项目源码配套讲解视频教程说明本教程适合对Vue基础知识有一点了解,但不懂得综合运用,还未曾使用Vue从头开发过一个小型App的读者.本教程不对所有的Vue知识点进行讲解,而是手把手一步 ...

vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...

vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...相关推荐

最新文章

热门文章