【文件】->【新建】->【HTML文件】，然后在弹出窗口下面的“选择模板组：”中选中“mui底部选项卡（Webview模式）”。点击完成，就会自动创建一个带有默认页面的模板。

真机调试，点击底部的TAB标签，可以跳转其他带tab底部选项卡的子页面，这里用的是webview模式，不必多说。

但是如何通过子页面上的按钮跳转到其他的带有tab选项卡的其他子页面呢？

我们打开main.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');
 }
});

当‘gohome’这个方法被监听到激活时，就会启用此方法，也就是将tab选项卡底部的图标class中的mui-active添加或者移除来达到高亮的目的。

我们在子页面按钮的点击事件中放入下面的代码：

mui.fire(
plus.webview.currentWebview().opener(),"方法名");

方法名可以自定义，点击后触发main页面的自定义方法，也就是上面贴的这部分（需修改方法名 和 a标签的ID）

这样跳转就成功了！

谢谢大家关注！不懂的留言哦