大坑是 需要获取底部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的官方文档太少内容了 任何事情都需要自行琢磨