WebApp MUI带底部导航栏框架 类似华为底部返回键导致跳转混乱

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_30756923/article/details/84316725

记录并分享

遇到的问题：mui自带的底部导航或仿写的底部导航，比如当我切换到 我的 页面时，再按华为的返回键，

页面就会出现切换混乱。

解决方式：在四个导航菜单页分别加以下代码：

            1.引用自带的util.js

            2.<script>加入以下代码

            // 类似华为左返回键处理
            mui.back = function()
            {
                var subpages = util.options.subpages;
                // 四个导航菜单页面index 对应0 1 2 3，当前第四个我的页面对应currIndex = 3
                var currIndex = 3;
                if(plus.webview.getWebviewById(subpages[currIndex].id) ==  plus.webview.currentWebview()){
                    if(confirm('确定退出xxxAPP?')){
                        plus.runtime.quit();
                    }
                    else
                    {
                        return false;
                    }
                }
            }