子页面如何跳转到带有底部菜单的页面？

分类：MUI

底部选项卡

我子页面想跳转到带底部菜单的页面。我是用mui.openwindow跳转的，但是跳转了都没有底部菜单。想跳转了底部菜单显示，并选中对应的项。这个要怎么写？

2018-08-07 17:38 负责人:无分享

3 个回复

fer2005

可以通过自定义时间解决，在带有底部菜单的页面中（例如index.html)定义事件处理代码：

//自定义事件，模拟点击“首页选项卡”  
            document.addEventListener('gohome', function() {  
                var defaultTab = document.getElementById("defaultTab");  
                //模拟首页点击  
                mui.trigger(defaultTab, 'tap');  
                //切换选项卡高亮  
                var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");  
                if(defaultTab !== current) {  
                    current.classList.remove('mui-active');  
                    defaultTab.classList.add('mui-active');  
                }  
            });

然后在需要跳转的页面中，进行事件触发

//获得主页面的webview，也可以通过id来查找，此处使用父窗口模式查找  
                        var main = plus.webview.currentWebview().parent();  
                        //触发主页面的gohome事件  
                        mui.fire(main, 'gohome');