关于MUI 跳转tabbar页面问题

大坑是 需要获取底部tabbar的webview窗口id 在测试环境下为HBuilder  真正发布的就是你manifest.json 里面真机的APPid

在所需要跳转页面监听上点击事件,通过MUI的自定义事件去触发tabbar页面跳转 俗称模拟点击tabbar事件

 $('.marketing').click(function(){

    // 获取底部webview 窗口id

                var defaultTab= plus.webview.getWebviewById('HBuilder');

                mui.fire(defaultTab,'gohome',{});   //gohome 在你项目根目录所需要自定义事件的名称

     });

下面代码为项目根目录index 页面所需要写的代码

document.addEventListener('gohome', function() {

            // defaultTab 定义在a标签上 的id 这样才能获取你他的窗口webview

            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');

            }

            });

吐槽一下  MUI的官方文档太少内容了 任何事情都需要自行琢磨

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容