4***@qq.com
4***@qq.com
  • 发布:2022-10-27 17:33
  • 更新:2022-10-28 15:59
  • 阅读:483

【报Bug】vue3+uni-app开发,引入subNvue 子窗体 nvue页面,在安卓真机运行时nvue页面的文字不显示,只显示框的背景颜色

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win 10 版本2004(内部版本19041.1415)

HBuilderX类型: Alpha

HBuilderX版本号: 3.6.4

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 红米k30s Ultra

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
**pages.json**    
  
{    
    "path": "pages/login/login",    
    "style": {    
    "navigationBarTitleText": "登录",    
    "enablePullDownRefresh": false,    
    "app-plus": {    
        "subNVues": [{    
                "id": "drawer",    
                "path": "pages/login/subNvue/login", // nvue 路径    
                "style": {    
                    "zindex": 999    
                }    
            }    
  
        ]    
    }    
}    
},
**login.vue**    
  
<template>    
    <view>    
        <view></view>    
    </view>    
</template>    
  
<script>    
export default {    
    data() {    
        return {};    
    },    
    onLoad() {    
        this.nvueShow();    
    },    
    methods: {    
        nvueShow() {    
            const subnvue = uni.getSubNVueById('drawer'); // 获取nvue    
            subnvue.show();    
        }    
    }    
};    
</script>    
  
<style></style>
**login.nvue**    
  
<template>    
    <view class="content">    
        <div class="test_box">    
            <text class="title">我是原生子窗体{{ number }}</text>    
        </div>    
    </view>    
</template>    
  
<script>    
export default {    
    data() {    
        return {    
            number: 2    
        };    
    },    
    onLoad() {    
        console.log('nvue');    
    },    
    methods: {}    
};    
</script>    
  
<style scoped>    
.content {    
    display: flex;    
}    
.test_box {    
    flex: 1;    
    background-color: pink;    
    width: 750rpx;    
    height: 500rpx;    
}    
.title {    
    color: #333333;    
}    
</style>

操作步骤:

1、安装依赖
2、运行项目到安卓真机
3、点击启动页的 ‘注册登录,跳到登录’,跳转到登录页

预期结果:

显示nvue 页面的 文本内容

实际结果:

只显示设置的背景颜色,不显示文字

bug描述:

vue3+uni-app开发,引入subNvue 子窗体 nvue页面,在安卓真机运行时nvue页面的文字不显示,只显示背景颜色

2022-10-27 17:33 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

日塌 我也不知道

DCloud_UNI_Anne

DCloud_UNI_Anne

vue2是否正常呢?原生导航栏盖住了吧

要回复问题请先登录注册