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

前端小码仔

于 2025-01-18 19:36:51 发布

阅读量431

点赞数 3

分类专栏： Uniapp 文章标签： uniapp

本文链接：https://blog.youkuaiyun.com/qq_36017964/article/details/145231509

版权

Uniapp 专栏收录该内容

2 篇文章

订阅专栏

在打包的APP中发现webview打开显示空白

最后发现是高度问题

最后给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
}