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: ''})

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部