通过hbuilder将做了一部分的vue项目进行打包成app测试,发现打包成的app点击手机的返回键的时候直接退出了app,并不会返回上一页
于是去网上查了一下终于解决了这个问题
mui.js解决参考博客链接:https://blog.csdn.net/qq_25252769/article/details/76913083
首先我们新建一个appback.js文件,名字随便起,然后将下面代码复制进去
/**
* 解决hbuilder打包app之后点击手机返回键直接退出app的
*/
document.addEventListener('plusready', function () {
var webview = plus.webview.currentWebview()
plus.key.addEventListener('backbutton', function () {
webview.canBack(function (e) {
if (e.canBack) {
webview.back()
} else {
// webview.close() //hide,quit
// plus.runtime.quit()
// 首页返回键处理
// 处理逻辑:1秒内,连续两次按返回键,则退出应用;
var first = null
plus.key.addEventListener(
'backbutton',
function () {
// 首次按键,提示‘再按一次退出应用’
if (!first) {
first = new Date().getTime()
console.log('再按一次退出应用') // 此处可以用自定义提示
setTimeout(function () {
first = null
}, 1000)
} else {
if (new Date().getTime() - first < 1500) {
plus.runtime.quit()
}
}
},
false
)
}
})
})
})
然后在入口文件main.js中导入
import './utils/appback.js'
参考