Vue app端，如何监听安卓手机的物理返回键？

Question

在 app里面的某部分，点击跳转进入的是用uni-app写的h5，安卓手机物理返回键返回上一页的时候，直接就退出了当前页到APP里面，请问各位大神，如何让安卓手机物理返回键返回上一页而不是退出当前地址到APP页面中？

uni-app H5 平台，顶部导航栏返回按钮支持 onBackPress()，浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()

document.addEventListener('backbutton', function () { });
document.addEventListener方法监听不到

如何让Android手机实体返回键，返回上一页，而不是退出？

Answer 1

让原生提供jsbridge方法，然后在vue中注入，然后调用

Answer 2

onBackPress 监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；详细说明及使用：onBackPress 详解

去uni-app官网查看api

Answer 3

    mounted() {
      //将onClickLeft方法绑定到window下面，提供给外部调用
      window['onClickLeft'] = () => {
        this.onClickLeft();
      }
    },
    methods: {
      onClickLeft() {
        this.$router.back(-1);
      },
    }