vue项目监听安卓手机物理返回键

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目监听安卓手机物理返回键相关的知识,希望对你有一定的参考价值。

参考技术A 1、挂载完成后,判断浏览器是否支持popstate

mounted()

  if (window.history && window.history.pushState)

    history.pushState(null, null, document.URL);

    window.addEventListener('popstate', this.fun, false);//false阻止默认事件

 

,

2、页面销毁时,取消监听。否则其他vue路由页面也会被监听 (destroyed钩子在使用 keep-alive就不会执行) 在开发过程中遇到一个问题,每次返回只在第一次有效,后面就没有效果了,于是在每次打开弹框的时候动态绑定事件,在返回时解除绑定,问题就解决了。

destroyed()

  window.removeEventListener('popstate', this.fun, false);//false阻止默认事件

,

3、将监听操作写在methods里面,removeEventListener取消监听内容必须跟开启监听保持一致,所以函数拿到methods里面写

methods:

fun()

console.log("监听到了");



以上是关于vue项目监听安卓手机物理返回键的主要内容,如果未能解决你的问题,请参考以下文章

vue的app监听返回键

【VUE】监听页面返回或移动端物理返回按钮键

兼容安卓和ios的手机端浏览器返回和物理返回的监听处理操作实战(推荐)

vue 移动端禁用安卓手机返回键

React Native组件之BackAndroid !安卓手机的物理返回键的使用

H5监听Android物理返回键