Vue3 Echarts页面加载后显示空白，如何解决不渲染的问题？

本文共计830个文字，预计阅读时间需要4分钟。

目录 + Vue3 + Echarts页面加载不渲染显示空白页面个人认为造成这个问题的原因 + 解决这个问题的方法Vue + Echarts白屏或等一会才出现 + 原因 + 解决方法Vue3 + Echarts页面加载不渲染显示空白页面 + 原因 + 解决方法

目录

• vue3 Echarts页面加载不渲染显示空白页面
• 个人认为造成这个问题的原因
• 解决这个问题的方法
• vue Echarts白屏或等一会才出现
• 原因
• 解决方法

vue3 Echarts页面加载不渲染显示空白页面

在父组件获取到数据后传递给子组件并没有及时的更新渲染图表。

在本地开发环境是没有一点问题，但发布到测试环境上每次页面加载都不渲染，点击浏览器刷新按钮后才会去渲染图表。

个人认为造成这个问题的原因

页面加载子组件dom元素此时还没有加载完成，所以看到的就是空白，只有刷新一下才可以。