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 }
分类:
uniapp
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
2021-09-28 Syntax Error: SassError: semicolons aren't allowed in the indented syntax.