解决uniapp项目在微信中跳转外部链接使用<web-view>会白屏的问题

废话不多说上代码

<template>
	<!-- 授权页跳转页面 -->
	<web-view src="https://www.baidu.com/" :progress="false"></web-view>
</template>

这样在微信中可能会出现白屏的问题,屏幕中什么都不会出现。解决uniapp项目在微信中跳转外部链接使用<web-view>会白屏的问题_第1张图片

分析原因

出现这样的情况主要是因为使用web-view标签,相当于在微信中内置一个容器,通过这个容器去进行跳转,然后这个容器出问题了就导致页面无法显示。

解决方法

这是我目前采用的方法比较直接,直接不要这个容器,直接使用进行跳转。

window.location.replace("https://www.baidu.com/")

最后

能力有限,希望能够帮助到你。

你可能感兴趣的:(uni-app)