自云
自云
  • 发布:2023-08-08 15:36
  • 更新:2024-10-14 14:59
  • 阅读:1237

解决H5环境下echarts tooltip无法显示html的问题

分类:uni-app

我使用的是目前echarts最新版本5.4.3,安装方式是npm

其他帖子说在main.js中添加以下代码,但本人添加后依旧无效

window.wx = undefined

看了源码之后,发现确实是window.wx的问题,echarts识别为微信环境了。
但为什么已经设置为undefined了还是误判了呢?于是我输出了一下加载顺序,发现main.js中此行代码的执行顺序比echarts初始化晚,但我已经放到第一行了。

什么原因呢,我发现import导入模块的执行顺序比其他代码优先,而echarts是在导入时就执行初始化了,所以不管我写在哪就会比echarts初始化晚。

如何解决呢?那就新建一个自定义模块,在自定义模块中设置window.wx就好了嘛,以下为模块代码:

if(window.wx) {  
    window.wx = undefined  
}  

export default {  

}

然后在main.js第一行导入该模块,刷新一下,html就正常显示啦。

2 关注 分享
1***@qq.com 9***@qq.com

要回复文章请先登录注册

2***@qq.com

2***@qq.com

太牛了
2024-10-14 14:59
2***@qq.com

2***@qq.com

牛啊,调试能力一级
2024-07-20 14:59