【报Bug】页面使用了navigation-bar组件，在onLoad生命周期里面调用uni.showLoading无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10.0.26100

HBuilderX类型：正式

HBuilderX版本号： 4.76

手机系统： Android

手机系统版本号： Android 15

手机厂商：小米

手机机型： Redmi K60 Ultra

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <page-meta>  
        <navigation-bar></navigation-bar>  
    </page-meta>  
</template>  
<script setup>  
    onLoad(()=>{  
     uni.showLoading({  
        title: "加载中",  
        mask: true  
    });  
    })  
</script>

操作步骤：

创建vue页面，使用示例代码就能复现

预期结果：

正常显示loading动画

实际结果：

不显示loading动画

bug描述：

页面使用了navigation-bar组件，在onLoad生命周期里面调用uni.showLoading，不显示loading动画

2025-11-05 17:25 负责人:无分享

1 个回复

DCloud_UNI_JBB

hx升级到最新版试试还有没有问题

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

更新到了最新版本4.84，也打了最新得基座，还是有这个问题

2025-11-06 13:24

要回复问题请先登录或注册

【报Bug】页面使用了navigation-bar组件，在onLoad生命周期里面调用uni.showLoading无效

示例代码：

`<template> <page-meta> <navigation-bar></navigation-bar> </page-meta> </template> <script setup> onLoad(()=>{ uni.showLoading({ title: "加载中", mask: true }); }) </script>`

操作步骤：

创建vue页面，使用示例代码就能复现

预期结果：

正常显示loading动画

实际结果：

不显示loading动画

bug描述：

1 个回复

公告

相关问题

【报Bug】页面使用了navigation-bar组件，在onLoad生命周期里面调用uni.showLoading无效

示例代码： <template> <page-meta> <navigation-bar></navigation-bar> </page-meta> </template> <script setup> onLoad(()=>{ uni.showLoading({ title: "加载中", mask: true }); }) </script>

操作步骤： 创建vue页面，使用示例代码就能复现

预期结果： 正常显示loading动画

实际结果： 不显示loading动画

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <page-meta> <navigation-bar></navigation-bar> </page-meta> </template> <script setup> onLoad(()=>{ uni.showLoading({ title: "加载中", mask: true }); }) </script>`

操作步骤：

创建vue页面，使用示例代码就能复现

预期结果：

正常显示loading动画

实际结果：

不显示loading动画