nuiapp在APP中的.nvue页面中使用webview展示空白的问题

之前写的一个uniapp的项目,这段时间又看了一下,在打包的APP中发现webview打开显示空白(以前的时候没问题)

一开始以为是链接问题,跨域问题,总之就是各种尝试了

因为小程序上没问题,一开始没想到从webview的高度上出发

最后果然是高度问题(EMO~~~~)

最后给style设置动态高度:

<web-view ref="webview" :style="viewStyle" allow :fullscreen="true" :webview-styles="webviewStyles" :src="UrlLink" @onPostMessage="handleMessage" @message="handleMessage"></web-view>
复制代码
onReady() {
            let _this = this;
            
            // #ifdef APP-PLUS || MP-WEIXIN
                uni.getSystemInfo({
                    success: function (res) {
                        _this.viewStyle.height =    res.windowHeight;
                    }
                });
            // #endif
            
            // #ifdef H5
                this.viewStyle.height =    window.screen.height - 44 + "px";
            // #endif
}
复制代码

 

 
posted @   秃头的铲屎官  Views(3197)  Comments(0Edit  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
历史上的今天:
2021-09-28 Syntax Error: SassError: semicolons aren't allowed in the indented syntax.
点击右上角即可分享
微信分享提示