uni-app踩坑之一:web-view组件动态加载外部网页的时候总是先跳转到error页面才跳转正确问题解决

最近在做uni-app,有一个要链接到外部公众号文章的需求,用的web-view,但是动态绑定的src总是先跳到一个error页面,之后才跳转到动态获取的外部链接指向的地址,这时候uni-app原生的导航栏返回也出问题了,要么点击没有反应,要么先跳回之前的error页面,继续点击才有可能返回上一页。

我以为链接有问题,直接在谷歌浏览器,跳转完全没有问题,之后直接使用webview访问固定的链接,app上直接跳转以及返回也没有问题。

我猜可能是页面渲染的时间和动态获取到的链接的时间之间有时间差,导致最初的时候,src是空的,于是跳到error页面,之后才又马上跳转到真实链接的页面。

解决办法

在web-view组件中使用v-if指令,(v-show也没用),只有确保获得链接地址之后,才开始渲染web-view这个组件,问题解决。

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