vue 移动端物理返回键

       柚子写过一个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/>'
 })

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

  • 5
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 13
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@Grapefruit

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值