vue 移动端物理返回键
柚子写过一个Vue的移动端项目,当时遇到一个问题,就是按手机上的自带的物理返回按钮时,会直接退出应用程序,后来百度了一些关于手机物理返回键的文章,也终于是解决了,现在分享给大家,希望能帮助到一些朋友,最终实现的效果就是按返回键退回上一页,当退回到栈的第一页之后再按返回键才退出页面:首先新建js文件:document.addEventListener('plusready',...
·
柚子写过一个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/>'
})
好了,就这些,相信一目了然,希望能帮助到一些朋友!
更多推荐
已为社区贡献6条内容
所有评论(0)