4***@qq.com
4***@qq.com
  • 发布:2022-10-27 11:10
  • 更新:2022-10-27 11:10
  • 阅读:132

vue3+uni-app开发,引入subNvue 子窗体 nvue页面 文字不显示,只显示背景颜色

分类:nvue

**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>
2022-10-27 11:10 负责人:无 分享
已邀请:

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