webview 在h5模式下,第一次打开是空白,这个页面刷新后才能正常看到内嵌的内容。 这个webview代码在app跟小程序模式下却正常。
我的打开webview页面的代码如下:
uni.redirectTo({
url: '/pages/index/webview',
});
我的webview页面代码如下:
<template>
<view class="components-pano">
<web-view :src="url"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: 'https://open.work.weixin.qq.com/wwopen/helpguide/detail?t=register'
};
},
onLoad(options) {
},
};
</script>
点击第一个代码触发了打开webview动作,单开后的webviw是空白,我经过排查生成后的web页面空白时的代码跟刷新后的能正常看到嵌入页的代码,发现空白时的代码的问题高度为0,刷新这个页面后正常访问嵌入页面的代码的高度为784(不为0),那h5访问的差别就在这个高度值上了。
在浏览器里看生成的h5的代码如下:
在空白页面上点击刷新页面,再次出来的页面的高度跟上面的代码就有了变化。新出来的页面除了少了一部分的css跟js外,主要是高度有值了。
问题如下:
我的webview明明是官方的,为何第一次打开会没有高度啊?我找到了不显示的问题所在,但是不知道该如何解决。请高手指导。谢谢。
非常感谢