vue3.0 h5 在安卓部分机型vivo oppo内置浏览器上样式丢失taro组件渲染异常

[15380831711]

相关平台

H5

复现仓库

https://github.com/15380831711/tarovue3demo
浏览器版本: vivo内置浏览器
使用框架: Vue 3

复现步骤

使用taro命令，新建taro3.2 vue3.0 typescript sass 模板工程，
页面中添加image、button等组件，
运行或打包H5，在vivo、oppo内置浏览器访问（vivo Y85A，Android 版本 8.1.0）， 图片和按钮未正常渲染！

期望结果

图片、按钮样式未丢失、正常渲染。

实际结果

图片未渲染、按钮样式丢失。

环境信息

Taro v3.2.1


  Taro CLI 3.2.1 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.16.0 - E:\ProgramFiles\node-v14.16.0\node.EXE
      Yarn: 1.22.10 - E:\ProgramFiles\node-v14.16.0\yarn.CMD
      npm: 6.14.11 - E:\ProgramFiles\node-v14.16.0\npm.CMD

---

补充信息

vue2是正常的。img标签可以正常展示图片！

[Chen-jj]

@15380831711 可以确认一下是否是同一个问题：#7504

[transtone]

@15380831711 请问是如何解决的？

@Chen-jj 不是同一个问题。设置 visibility 无效。

[Venusjason]

同样遇到这个问题 react taro v3.3.0,
复现机型：vivo Y83A
系统：Funtouch os 安卓8.1
表现: 通过vconsole查看 Image 标签只能渲染到 taro-image-core 标签，img标签dom都不存在

[Chen-jj]

使用楼主的 demo，没有复现，图片也能正常显示。。

机型：vivo X20A
系统：FuntouchOS 、安卓 8.1.0

如果还有问题，就提供一下具体的 demo 咯。估计是 WebComponent 的兼容问题。

[peterczg]

在部分oppo/vivo android 8.1机型上Taro 3.5.7还是存在这个问题，特定场景下必现：

出问题的时候通过window.getComputedStyle(el)拿到的visibility属性是hidden，手动触发重排（reflow）也不能完全解决