波克比
波克比
  • 发布:2018-07-25 18:07
  • 更新:2019-03-15 15:01
  • 阅读:1631

mui底部选项卡WebView模式,从某个详情页点击跳回到tab选项卡某个子页面,底部tab选项卡不显示

分类:MUI


这个是原本就有tab选项卡的


这个是从某个详情页点击跳转到这里的tab子页面,底部tab选项卡不显示,怎么让底部选项卡页显示出来

2018-07-25 18:07 分享
已邀请:
Dear郭

Dear郭

openWindow

  • 波克比 (作者)

    openWindow是不行的,从某个详情页这么跳转会tab子页面是不会显示底部tab选项卡的

    2018-07-26 11:41

  • 1125796359@qq.com

    openWindow 加载后 底部tab 就不能点了是什么问题

    2018-11-04 20:39

892347558@qq.com

892347558@qq.com

不能点击跳转 这个我是直接把之前的页面都给 close掉

  • 波克比 (作者)

    如果页面有三级以上,close只能关闭当前打开的页面,并不能跳转到指定的tab子页面,只会回到上一级页面

    2018-07-26 11:39

  • 892347558@qq.com

    要么就在选项卡的页面加一个监听 不同webview的监听 来实现 把你想跳转的页面show出来

    2018-07-26 13:46

892347558@qq.com

892347558@qq.com

这个是main 页面也就是底部tab页面的监听 去实现点击事件
document.addEventListener("click_task",function(event){
//btn 是你想要显示的页面
var btn=document.getElementsByClassName("mui-tab-item")[3];
mui.trigger(btn,'tap');
var parent=btn.parentNode;
var chlidren=parent.children;
for(var i=0;i<chlidren.length;i++)
{
chlidren[i].classList.remove("mui-active");
}
chlidren[3].classList.add("mui-active");
})

这个是要执行的页面

    var main=plus.webview.getWebviewById("mian");  
                console.log(JSON.stringify(main))  
                    mui.fire(main, 'click_task');
一路格桑花

一路格桑花

mark~~ 持续关注 我也遇到这种问题了 暂时还没找到好的解决方法

277564915@qq.com

277564915@qq.com

我这边返回首页就可以了,因为底部选项卡都是写在首页的,返回首页就行了。

324800674@qq.com

324800674@qq.com

抛个事件监听,然后模拟点击tabbar页面

要回复问题请先登录注册