柚子写过一个Vue的移动端项目,当时遇到一个问题,就是按手机上的自带的物理返回按钮时,会直接退出应用程序,后来百度了一些关于手机物理返回键的文章,也终于是解决了,现在分享给大家,希望能帮助到一些朋友,最终实现的效果就是按返回键退回上一页,当退回到栈的第一页之后再按返回键才退出页面:

首先新建js文件:

document.addEventListener('plusready', function () {
        var webview = plus.webview.currentWebview();
        plus.key.addEventListener('backbutton', function () {
            webview.canBack(function (e) {
                if (e.canBack) {
                    webview.back(-1); //返回上一页  
                } else {
                    webview.close(); //关闭应用  
                }
            })
        });
    })

然后在公共的main.js中引入这个js文件:

 import Back from ' js存放位置 '

 new Vue({
    el: '#app',
    Back,
    components: {
        App
    },
    template: '<App/>'
 })

好了,就这些,相信一目了然,希望能帮助到一些朋友!

Logo

前往低代码交流专区

更多推荐