z***@qq.com
z***@qq.com
  • 发布:2019-05-07 14:04
  • 更新:2019-12-19 13:04
  • 阅读:2211

顶部导航栏的button的角标如何更改呢

分类:uni-app

顶部导航栏的button的角标如何更改呢,想动态监听消息数量设置到导航栏的角标上面,

2019-05-07 14:04 负责人:无 分享
已邀请:
z***@qq.com

z***@qq.com (作者)

解决了:
点击按钮的时候

onNavigationBarButtonTap(){  
     let pages = getCurrentPages();    
     let page = pages[pages.length - 1]  
// #ifdef APP-PLUS  
    let currentWebview = page.$getAppWebview();    
    let titleObj = currentWebview.getStyle().titleNView;  
        if (!titleObj.buttons) {//没有按钮    
            return;    
        }    
           //有按钮,badgeText 是更改角标,text是更改按钮样式,可以将titleObj对象打印出来  
        titleObj.buttons[0].badgeText = "";   
             //设置回去  
        currentWebview.setStyle({    
            titleNView: titleObj    
        });    
// #endif  
}
  • [已删除]

    回来考古了,非常感谢

    2020-06-02 10:10

8***@qq.com

8***@qq.com - 90It

let newV=this.$store.state.SysMsg.count;  
        // #ifdef APP-PLUS  
        let text=null;  
        switch(uni.getSystemInfoSync().platform){  
          case "android":  
            text=newV === 0 ? '' : newV;  
            break;  
          case "ios":  
            text=newV?newV:null;  
            break;  
        }  
        let titleObj = webView.getStyle().titleNView;  
        if (!titleObj.buttons) { //没有按钮  
          return;  
        }  
        //有按钮,badgeText 是更改角标,text是更改按钮样式,可以将titleObj对象打印出来  
        titleObj.buttons[0].badgeText =text;  
        //设置回去  
        webView.setStyle({  
          titleNView: titleObj  
        });  
        // #endif  
                return newV;

该问题目前已经被锁定, 无法添加新回复