为什么使用web-view 页面只显示一半 而且无法滑动

使用电脑调试是正常的 打包后 用手机点开 有时候只显示一半 而且无法滑动 有的时候是正常的

<template>
<view style="background: #000;">
<web-view :webview-styles="webviewStyles" :src="src"></web-view>
</view>
</template>

export default {
data() {
return {
webviewStyles: {
progress: {
color: '#FF3333'
}
},
src: '' //接收到的url
};
},
onLoad(option) {
console.log(option)
this.src = option.url;
}
};