vue监听移动设备的返回事件

在公共方法文件common.js中实现一个存储当前历史记录的方法

common.js

// 存储当前历史记录点,实现控制手机物理返回键的按钮事件
var pushHistory = function () {let state = {title: '',url: ''}window.history.pushState(state, state.title, state.url)
}

vue页面

 mounted () {pushHistory()// 监听历史记录点, 添加返回事件监听window.onpopstate = () => {// 输入要返回的上一级路由地址this.$router.push({name: 'OrdersList'})}},

这个在android中没有问题，但是在苹果手机中的safari浏览不行。。。

先留个坑，以后再研究，折腾了半天，没有找到原因。

https://www.jianshu.com/p/18184bb699f5

https://blog.csdn.net/qq_40650146/article/details/85236411

转载于:https://www.cnblogs.com/wayneliu007/p/10685975.html

vue监听移动设备的返回事件相关推荐

iOS小技能：监听H5页面goBack返回事件网页监听APP返回键（NavigationBackItemInjection）
文章目录引言 I . iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2 WKWebView监听H5页面goBack返回事件 II. 网页监 ...
vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...
Android 监听USB设备插拔事件
通过注册广播的方式监听USB设备 . 广播Action UsbManager.ACTION_USB_DEVICE_ATTACHED Usb设备插入或者挂载事件通知 UsbManager.ACTION_ ...
从网页监听Android设备的返回键
最近搞Android项目的时候,遇到一个比较蛋疼的需求,需要从Client App调用系统浏览器打开一个页面,进行杂七杂八的一些交互之后,返回到App.如何打开浏览器和如何返回App这里就不说了,有兴 ...
VUE监听页面刷新和关闭事件
背景:公司有一个数据看板,,需求是要统计看板有多少人看过,,每个人停留的曝光时间使用技术:目前使用的技术是后端Springboot 权限用的是SpringSecurity,前端页面是 Vue+El ...
vue 监听页面滚动事件：触发animate.min.css动画特效
一.问题答疑: 1. animate.css 如何在vue项目中引入?或引用? 2. 如何监听滚动事件,触发animate.class动画播放? vue 监听滚轮滚动事件,for循环 ,动态id,代码 ...
Vue监听浏览器前进后退物理返回键(浏览器自带的)
Vue监听浏览器前进后退物理返回键在某些需求下要监听用户物理按键. popstate事件只会在页面不跳转的情况下,路由发生变化触发. created() { // 创建vm实例后执行// 浏览器控制 ...
Vue监听滚动条事件点击回到顶部
Vue监听滚动条事件点击回到顶部监听滚顶条事件: created () {this.listenerFunction(); }, beforeDestroy () {document.remove ...
Vue跨路由触发事件，Vue监听sessionStorage
近来,在做公司的聊天系统,引用的是极光的api.项目需求实时监听别人发过来的消息,进行渲染到页面,还有历史记录也要渲染,历史记录和实时聊天记录返回的结构体还不一样,看到需求的我欲哭无泪,首先登录是在首 ...

vue监听移动设备的返回事件

vue监听移动设备的返回事件相关推荐

最新文章

热门文章