- 发布:2020-09-22 13:34
 - 更新:2020-09-22 13:34
 - 阅读:763
 
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.5
HBuilderX类型: 正式
HBuilderX版本号: 2.8.11
手机系统: 全部
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
                                    
                                    
                                        // page.json  
{  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "首页",  
                "app-plus": {  
                    "titleNView": {  
                        "buttons": [{  
                            "text": "\ue679",  
                            "fontSrc": "static/font/iconfont.ttf"  
                        }]  
                    }  
                }  
            }  
        }
methods:{  
setTitleBadge() {  
                const currentWebview = this.$scope.$getAppWebview()  
                const titleBar = currentWebview.getStyle().titleNView  
                if (!titleBar.buttons)  
                    return  
                titleBar.buttons[0].badgeText = "10"  
                titleBar.buttons[0].onclick = function() {  
                    console.log(123123123)  
                    // uni.navigateTo({  
                    //  url: '../message/message'  
                    // })  
                }  
                currentWebview.setStyle({  
                    titleNView: titleBar  
                })  
            },  
},  
onShow(){  
this.setTitleBadge()  
},  
onLoad(){},  
onNavigationBarButtonTap(item) {  
            console.log(123)  
            uni.navigateTo({  
                url: '../message/message'  
            })  
        },
                                     
                                
                                                                                                // page.json  
{  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "首页",  
                "app-plus": {  
                    "titleNView": {  
                        "buttons": [{  
                            "text": "\ue679",  
                            "fontSrc": "static/font/iconfont.ttf"  
                        }]  
                    }  
                }  
            }  
        }
methods:{  
setTitleBadge() {  
                const currentWebview = this.$scope.$getAppWebview()  
                const titleBar = currentWebview.getStyle().titleNView  
                if (!titleBar.buttons)  
                    return  
                titleBar.buttons[0].badgeText = "10"  
                titleBar.buttons[0].onclick = function() {  
                    console.log(123123123)  
                    // uni.navigateTo({  
                    //  url: '../message/message'  
                    // })  
                }  
                currentWebview.setStyle({  
                    titleNView: titleBar  
                })  
            },  
},  
onShow(){  
this.setTitleBadge()  
},  
onLoad(){},  
onNavigationBarButtonTap(item) {  
            console.log(123)  
            uni.navigateTo({  
                url: '../message/message'  
            })  
        },                                    操作步骤:
                                    
                                        同描述
                                     
                                
                                                                                                同描述
预期结果:
                                    
                                    
                                        正常执行正常渲染
                                     
                                
                                                                                                正常执行正常渲染
实际结果:
                                    
                                    
                                        ios偶发性渲染失效,安卓无法触发方法
                                     
                                
                                                            ios偶发性渲染失效,安卓无法触发方法
bug描述:
- 安卓
index页面自定义导航按钮生命钩子 onNavigationBarButtonTap 无法触发,使用buttons[].onclick 极小概率触发,其他页面正常 - ios
index页面自定义导航按钮字体图标渲染异常。切换tabbar,再切回首页,再切换子页面,重复几次字体图标变成问号 
            
            
            
            
0 个回复