StarSky
StarSky
  • 发布:2022-04-26 10:04
  • 更新:2022-09-03 17:22
  • 阅读:958

【报Bug】uniapp H5端在钉钉浏览器运行中运行,顶部原生导航栏标题内容错乱

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.3.1

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

浏览器平台: 手机系统浏览器

浏览器版本: 钉钉APP6.5.10

项目创建方式: HBuilderX

示例代码:

代码如下


    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "uni-app"  
            }  
        },  
        {  
            "path": "pages/index2/index2",  
            "style": {  
                "navigationBarTitleText": "uni-app2"  
            }  
        },  
        {  
            "path": "pages/index3/index3",  
            "style": {  
                "navigationBarTitleText": "uni-app3"  
            }  
        },  
        {  
            "path": "pages/index4/index4",  
            "style": {  
                "navigationBarTitleText": "uni-app4"  
            }  
        }  
    ],  
    "subPackages": [{  
        "root": "pages/goods-list",  
        "pages": [{  
            /* 商品列表 */  
            "path": "goods-list",  
            "style": {  
                "navigationBarTitleText": "商品列表"  
            }  
        }, {  
            /* 商品详情 */  
            "path": "goods-detail",  
            "style": {  
                "navigationBarTitleText": "商品详情"  
            }  
        }]  
    }],  
    "globalStyle": {  
        "navigationStyle": "custom",  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "uni-app",  
        "navigationBarBackgroundColor": "#F8F8F8",  
        "backgroundColor": "#F8F8F8"  
    }  
}```  

操作步骤:

代码如下


    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "uni-app"  
            }  
        },  
        {  
            "path": "pages/index2/index2",  
            "style": {  
                "navigationBarTitleText": "uni-app2"  
            }  
        },  
        {  
            "path": "pages/index3/index3",  
            "style": {  
                "navigationBarTitleText": "uni-app3"  
            }  
        },  
        {  
            "path": "pages/index4/index4",  
            "style": {  
                "navigationBarTitleText": "uni-app4"  
            }  
        }  
    ],  
    "subPackages": [{  
        "root": "pages/goods-list",  
        "pages": [{  
            /* 商品列表 */  
            "path": "goods-list",  
            "style": {  
                "navigationBarTitleText": "商品列表"  
            }  
        }, {  
            /* 商品详情 */  
            "path": "goods-detail",  
            "style": {  
                "navigationBarTitleText": "商品详情"  
            }  
        }]  
    }],  
    "globalStyle": {  
        "navigationStyle": "custom",  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "uni-app",  
        "navigationBarBackgroundColor": "#F8F8F8",  
        "backgroundColor": "#F8F8F8"  
    }  
}```  

预期结果:

钉钉浏览器切换路由页面的时候,顶部导航标题能对应正常

实际结果:

钉钉浏览器切换路由页面的时候,顶部导航标题对应不正常

bug描述:

uniapp发布H5端,在钉钉浏览器运行。点击进入下一个页面,顶部导航栏显示的标题不正确,具体代码请查看附件demo示例

2022-04-26 10:04 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

请提供录屏看下表现(上传附件)

  • StarSky (作者)

    已上传

    2022-04-28 12:44

  • DCloud_UNI_Anne

    回复 StarSky: 应该是钉钉浏览器的bug,对spa兼容有问题

    2022-04-28 15:04

StarSky

StarSky (作者) - 前端工程师

录屏附件已上传

j***@163.com

j***@163.com

有解决方案了吗

  • StarSky (作者)

    用钉钉文档的api去更改头部就可以了,在每个页面的onshow周期里面调用

    2022-08-29 13:58

1***@qq.com

1***@qq.com

这个问题解决了吗?

  • StarSky (作者)

    ding-jsapi解决

    2022-09-06 17:33

要回复问题请先登录注册