{"title":"现有一弹窗,弹窗内有<div id="hearChart" class="chart">

onMounted(() => { const chart = echarts.init(document.getElementById('hearChart'));});为什么在父页面的时候就报Initialize failed: invalid dom,如何解决内容:报错"Initialize failed: invalid dom"意味着echarts无法初始化给定的DOM元素。这可能是因为在父页面中,DOM元素还未被完全加载和渲染。

为了解决这个问题,你可以尝试在确保DOM元素完全加载后再初始化echarts。这可以通过在window对象的load事件上添加一个事件监听器来实现。修改你的代码如下:

onMounted(() => {
    window.addEventListener('load', () => {
        const chart = echarts.init(document.getElementById('hearChart'));
        // 在这里进行echarts的配置和使用
    });
});

这样,echarts的初始化将在整个页面完全加载之后进行,从而避免了"Initialize failed: invalid dom"错误。

Echarts 初始化失败: Invalid DOM 错误解决方法

原文地址: https://www.cveoy.top/t/topic/p3qI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录