在Vue3中使用ECharts时遇到“initialize failed: invalid dom”错误,通常意味着ECharts试图在一个不存在的DOM元素上进行初始化。以下是一些可能的解决步骤和注意事项,帮助你解决这个问题: 确认DOM元素是否已经成功加载到页面中: 确保你在Vue组件的模板中定义了一个用于容纳ECharts图表的DOM元素,并且该元素在组件渲染后...
dom没有挂载完成,echarts.init() 就已经开始执行了,获取不到dom 在onMounted加个定时器 等个1两秒等dom加载完成即可获取到
myChart = echarts.init(document.getElementById(props.chartId)) window.addEventListener('resize', () => { // 重置尺寸 state.myChart.resize() }) // ***单击方法下钻地图数据*** state.myChart.on('click', function (param) { if (param.region) { ctx.emit('changeMapHost', param.region...
Vue3.x 中eventBus -- mitt用法 本文主要记录了Vue3中eventBus – mitt的安装、封装、用法以及核心原理。 Vue3.x中移除了$on、$off等自带的自定义事件相关方法,因此在vue3中推荐我们使用mitt事件总线传递数据,其实mitt的使用方式和vue原本的自定义事件使用方式相同。 Mitt Mitt是一个体积极小的第三方消息发布/...
使用的话还是和以前差不多,获取dom的话可以用id或ref,但我不太喜欢在vue项目中看到原生的东西,所以就用ref了,ref的话取值记得带上.value;如果进入页面就要显示图表,一定要把初始代码放到onMounted生命周期函数中,不然会报Error: Initialize failed: invalid dom.的错误;另外高度一定要设置实高,不然页面会空白。
使用的话还是和以前差不多,获取dom的话可以用id或ref,但我不太喜欢在vue项目中看到原生的东西,所以就用ref了,ref的话取值记得带上.value;如果进入页面就要显示图表,一定要把初始代码放到onMounted生命周期函数中,不然会报Error: Initialize failed: invalid dom.的错误;另外高度一定要设置实高,不然页面会空白。