mui.fire() 触发事件改变底部导航的样式，没有高亮效果

mui.fire()

为什么在 mui.fire() 触发的事件里面，改变 tab 高亮样式，样式改变了，但是实际效果却没有高亮？

页面切换成功了，我将 tab 样式打印出来，是有 mui-active 样式的，但并没有高亮

上一个页面代码：

var selfWv = plus.webview.currentWebview();  
mui.fire(mainPage, 'mainShow',{id:selfWv.type});  
setTimeout(function() {  
  selfWv.close();  
}, 300)

主页面代码：

document.addEventListener('mainShow', function(event) {  
     var id = event.detail.id;  
    var defaultTab = document.getElementById(id);  

     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');  
        console.log(current.classList) // 输出:mui-tab-item  
        console.log(defaultTab.classList) // 输出:mui-tab-item mui-active  
               //样式更换了，但是没有高亮效果  
    }  
});