tony马
tony马
  • 发布:2019-10-04 11:47
  • 更新:2019-10-04 13:59
  • 阅读:1903

h5 swiper下webview显示不出来?

分类:uni-app

swiper中的swiper-item,一个是自己写的vue页面(tab1),另一个是嵌的其他h5链接的webview(tab2)。

初始进入页面正常的话应该显示的是tab1中的内容,但是如果webview不加限制,不论切换哪个标签,显示的都是tab2 webview中的内容,这个问题如何解决(H5上的,APP上面的问题更蛋疼),如何在切换tab1时显示tab1中的内容,切换到tab2显示对应tab2 webview中的内容?

尝试过在webview标签下添加v-if和v-show,v-if可以正常显示,但是在每次点击到tab2 webview页面时都要重新去loading,这不是我想要的样子,用v-show发现对于控制webview的显示根本不起作用

如果初始进入页面时,showitem等于true,那么就会一直显示webview页面,如果showitem等于false,那么webview就一直不会显示出来,我确认过showItem里面的值,切换item的时候是会变化的

<swiper-item>
<view>
<web-view :src="url" v-show="showItem"></web-view>
</view>
</swiper-item>

有点无解了

2019-10-04 11:47 负责人:无 分享
已邀请:
tony马

tony马 (作者)

1<swiper-item>
1<view>
1<web-view :src="url" v-show="showItem"></web-view>
1</view>
1</swiper-item>

tony马

tony马 (作者)

webview层级问题,在h5上如何调整,看了你们提供的webview文档,感觉没啥帮助,很多都是针对APP的,但是你们H5也有这个问题

tony马

tony马 (作者)

我又看了一下,H5 webview在v-show=false的时候,生成的iframe宽高都是0,v-show=true的时候也一样,这就导致相应的画面的显示不出来,webview显示内容是空白,但实际是有内容的,只不过宽高都是0

  • tony马 (作者)

    相当于iframe直接是固定死的,最开始宽高是多少,就是多少,没办法调整吗?

    2019-10-04 14:15

该问题目前已经被锁定, 无法添加新回复